@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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}}}@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;--spacing:.25rem;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,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;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}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.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}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-2{top:calc(var(--spacing) * 2)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.shadow,.shadow\/material{--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{--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)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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))}.\[browser\:pageerror\]{browser:pageerror}.\[production-flow\:browser\]{production-flow:browser}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#efefec;--surface:#fafaf8;--surface-elevated:#fff;--text:#171819;--muted:#696b6c;--accent:#202124;--accent-soft:#dededb;--line:#1718191c;--shadow:0 16px 44px #14151617;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-full:999px;--motion-micro:.12s;--motion-standard:.24s;--ease-standard:cubic-bezier(.2,.8,.2,1)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1c1a;--surface:#252523;--surface-elevated:#2d2d2a;--text:#f2f1ec;--muted:#aaa9a3;--accent:#efeee8;--accent-soft:#343431;--line:#f2f1ec21;--shadow:0 20px 55px #0000003d}*{box-sizing:border-box}html{background:var(--bg);overscroll-behavior:none}body{background:var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}[lang=ar],[dir=rtl],.arabic,.ayah-arabic,.word-arabic,.card-arabic{letter-spacing:normal}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 18px) 20px calc(env(safe-area-inset-bottom) + 94px)}.shell{width:min(100%,760px);margin:0 auto}.startup-loading{min-height:calc(100dvh - 130px);color:var(--muted);text-align:center;place-items:center;display:grid}.startup-loading p{margin:0;font-size:.9rem}.topbar{justify-content:space-between;align-items:center;min-height:48px;display:flex}.shell>.topbar{top:env(safe-area-inset-top,0px);z-index:80;background:var(--surface);position:sticky}@supports (color:color-mix(in lab, red, red)){.shell>.topbar{background:color-mix(in srgb, var(--surface) 86%, transparent)}}.shell>.topbar{-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%)}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-weight:650;display:flex}.brand img{object-fit:cover;border-radius:10px;width:34px;height:34px}.icon-button,.plain-button{cursor:pointer;min-width:44px;min-height:44px;transition:color var(--motion-micro) var(--ease-standard), background-color var(--motion-micro) var(--ease-standard), transform var(--motion-micro) var(--ease-standard), opacity var(--motion-micro) var(--ease-standard);background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.icon-button:active,.plain-button:active,.primary:active,.secondary:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.icon-button:hover,.plain-button:hover{background:var(--line)}}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px;font-size:.76rem;font-weight:650}h1,h2,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:6px;font-size:clamp(2rem,9vw,3.65rem);font-weight:580;line-height:1}h2{letter-spacing:-.025em;font-size:1.08rem}.muted{color:var(--muted)}.library-head{justify-content:space-between;align-items:end;gap:18px;padding:54px 0 30px;display:flex}.primary{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;min-height:48px;transition:transform var(--motion-micro) var(--ease-standard), opacity var(--motion-micro) var(--ease-standard), background-color var(--motion-micro) var(--ease-standard);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 19px;font-weight:650;display:inline-flex}[data-theme=dark] .primary{color:#171717}.secondary{border:1px solid var(--line);background:var(--surface);min-height:46px;color:var(--text);cursor:pointer;transition:transform var(--motion-micro) var(--ease-standard), background-color var(--motion-micro) var(--ease-standard), border-color var(--motion-micro) var(--ease-standard);border-radius:999px;padding:0 17px}.section-title{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:8px;display:flex}.section-title h2{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%;overflow:visible}.section-intro{max-width:46ch;color:var(--muted);margin:0 0 22px;font-size:.92rem;line-height:1.55}.recording-list{border-top:1px solid var(--line)}.recording-row:hover{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.recording-row:hover{background:color-mix(in srgb, var(--surface) 50%, transparent)}}.recording-mark{background:var(--surface);width:46px;height:46px;color:var(--accent);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;place-items:center;display:grid}.recording-title{letter-spacing:-.015em;overflow-wrap:anywhere;white-space:normal;font-weight:630;display:block;overflow:hidden}.recording-meta{color:var(--muted);margin-top:5px;font-size:.8rem;display:block}.empty{text-align:center;place-items:center;min-height:42dvh;padding:30px;display:grid}.empty-inner{max-width:360px}.empty-symbol{background:var(--surface);width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--line);color:var(--accent);border-radius:22px;place-items:center;margin:0 auto 20px;display:grid}.onboarding{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px);flex-direction:column;display:flex}.onboard-art{flex:1;place-items:center;min-height:300px;display:grid}.onboard-art img{filter:drop-shadow(0 24px 35px #2a2a2a21);border-radius:34%;width:min(76vw,340px)}.onboard-copy{padding:18px 2px 8px}.onboard-copy h1{max-width:570px}.onboard-copy p{max-width:530px;color:var(--muted);font-size:1.03rem;line-height:1.55}.onboard-actions{justify-content:space-between;align-items:center;min-height:64px;display:flex}.dots{gap:6px;display:flex}.dot{background:var(--line);border-radius:50%;width:6px;height:6px}.dot.active{background:var(--accent);border-radius:99px;width:20px}.player-header{text-align:center;grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.player-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.verse-space{text-align:center;flex:1;place-items:center;min-height:310px;padding:40px 15px 24px;display:grid}.verse-space h1{color:var(--accent);font-size:clamp(2rem,10vw,4.3rem)}.verse-space p{max-width:370px;margin-inline:auto;line-height:1.55}.media-video{object-fit:contain;background:#000;border-radius:20px;width:100%;max-height:30dvh;margin-bottom:18px}.player-tools{justify-content:center;gap:8px;display:flex}.player-essential-tools{justify-content:center;align-items:center;gap:20px;padding-top:6px;display:flex}.player-tool-icon[aria-pressed=true]{color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.player-tool-icon[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.icon-player-control{place-items:center;display:grid}.edit-button{color:var(--muted)}.action-toast{z-index:180;left:50%;bottom:calc(env(safe-area-inset-bottom) + 168px);color:#fff;text-align:center;background:#191919eb;border-radius:999px;max-width:calc(100% - 32px);padding:11px 16px;font-size:.82rem;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #00000038}.trail-picker{border:1px solid var(--line);border-radius:18px;gap:12px;padding:16px;display:grid}.trail-picker legend{padding:0 8px;font-weight:700}.trail-picker label{grid-template-columns:auto 1fr;align-items:center;gap:9px;display:grid}.trail-picker label:last-child{grid-template-columns:1fr}.card-options{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 18px;display:grid}.card-options label{gap:6px;font-size:.78rem;font-weight:650;display:grid}.card-options select{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--text);border-radius:12px;padding:0 10px}.card-options .card-toggle{grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center}.audio-waveform{opacity:.9;width:100%;height:58px;margin:8px 0 2px;display:block}.library-search{margin:10px 0 24px;display:block;position:static}.library-search input{border:1px solid var(--line);background:var(--surface);border-radius:16px;width:100%;min-height:48px;padding:0 17px}@supports (color:color-mix(in lab, red, red)){.library-search input{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.library-search input{color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font:inherit}.file-label{cursor:pointer;align-items:center;display:inline-flex}.notice{left:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);border:1px solid var(--line);background:var(--surface);width:min(100% - 32px,560px);box-shadow:var(--shadow);z-index:30;border-radius:20px;align-items:center;gap:12px;padding:15px;display:flex;position:fixed;transform:translate(-50%)}.notice p{flex:1;margin:0;font-size:.83rem;line-height:1.45}.sheet-backdrop{z-index:200;background:#0a0a0a61;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(100%,620px);padding:24px 22px calc(env(safe-area-inset-bottom) + 24px);background:var(--surface);box-shadow:var(--shadow);max-height:calc(100dvh - env(safe-area-inset-top));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:28px 28px 0 0;margin:0 auto;overflow-y:auto}.sheet>.topbar{z-index:2;background:var(--surface);margin:-24px -22px 0;padding:24px 22px 12px;position:sticky;top:-24px}@supports (color:color-mix(in lab, red, red)){.sheet>.topbar{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.sheet>.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.discard-confirmation{z-index:3;border:1px solid var(--line);background:var(--surface);border-radius:18px;margin:16px -8px -8px;padding:16px;position:sticky;bottom:0;box-shadow:0 16px 42px #00000029}.discard-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trail-search-results{gap:8px;max-height:180px;display:grid;overflow-y:auto}.sheet h2{margin-bottom:8px;font-size:1.5rem}.sheet-grid{gap:10px;margin-top:20px;display:grid}.sheet input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){border:1px solid var(--line);background:var(--bg);width:100%;min-height:48px;color:var(--text);border-radius:14px;padding:0 14px;font-size:16px}.error{color:#9a3e31;margin-top:12px;font-size:.86rem}.import-status{z-index:150;top:calc(62px + env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));border:1px solid var(--line);background:var(--surface-elevated);width:min(520px,100vw - 28px);min-height:44px;color:var(--muted);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-inline:auto;padding:4px 8px 4px 14px;font-size:.86rem;display:flex;position:fixed;box-shadow:0 8px 24px #0000001f}.import-status .icon-button{flex:0 0 44px;width:44px;height:44px}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:700px){.app{padding-inline:38px}.library-head{padding-top:84px}}@media (prefers-reduced-motion:no-preference){button,.dot{transition:background-color .18s,transform .18s,width .2s}.primary:active{transform:scale(.96)}}.primary,.surah-title,.context-lesson{background:var(--accent)}.playlist-cover,.player-artwork{background:linear-gradient(145deg,#242526,#8b8d8d)}.ayah-arabic,.word-arabic,.surah-options button[aria-selected=true],.ayah-card-preview{color:var(--text)}.trail-editor .sheet-grid{gap:18px}.trail-order{margin-top:8px}.trail-order-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;display:grid}.trail-order-row span,.trail-order-row small{display:block}.trail-order-row small{color:var(--muted);margin-top:3px}.trail-order-row>div{display:flex}.editor-dock{z-index:2;padding:12px 22px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;margin:20px -22px -24px;display:flex;position:sticky;bottom:-24px}@supports (color:color-mix(in lab, red, red)){.editor-dock{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.editor-dock{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.icon-save{width:48px;min-width:48px;height:48px;padding:0}.cover-upload{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 14px;grid-template-columns:none!important;display:flex!important}.cover-upload span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);overflow:hidden}.cover-editor-backdrop{z-index:320}.cover-editor{width:min(100%,520px);overflow:hidden}.cover-editor-hint{margin:8px 0 16px;font-size:.84rem}.cover-canvas-frame{aspect-ratio:1;background:var(--accent-soft);border-radius:22px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.cover-canvas-frame canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.cover-canvas-frame canvas:active{cursor:grabbing}.cover-canvas-frame>span{position:absolute}.cover-zoom{color:var(--muted);text-align:center;align-items:center;gap:10px;margin-top:18px;grid-template-columns:24px 1fr 24px!important;display:grid!important}.cover-zoom input{min-height:34px;accent-color:var(--text);border:0;padding:0}.cover-apply{place-items:center;margin:16px 0 0 auto;display:grid}.trail-choice{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr 28px;align-items:center;width:100%;min-height:50px;display:grid}.trail-choice[aria-pressed=true]{font-weight:650}.trail-create{width:100%;min-height:48px;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;display:flex}body{background:#e8e8e6 url(/outpost-ground.png) top/cover no-repeat fixed}.app{isolation:isolate;background:linear-gradient(#f4f4f13d,#e8e8e4c2 58%,#e8e8e4f0);min-height:100dvh;position:relative}.app:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000 0,#e8e8e42e 44%,#e8e8e4b8 100%);position:fixed;inset:0}.brand img,.notice img{filter:grayscale();mix-blend-mode:multiply}.outpost-intro{color:#5f6061;max-width:390px;margin:13px 0 0;font-family:Georgia,Times New Roman,serif;font-style:italic;line-height:1.5}.onboard-art{min-height:330px;overflow:hidden}.onboard-art img{object-fit:cover;object-position:center top;opacity:0;border-radius:0;width:100vw;max-width:none;height:min(56dvh,620px)}.onboard-copy{z-index:1;position:relative}.empty,.sheet,.notice,.recording-mark,.secondary{-webkit-backdrop-filter:blur(14px)}.empty{background:#f5f5f147;border-radius:28px}[data-theme=dark]{--bg:#181818;--surface:#222}[data-theme=dark] body{background-color:#181818}[data-theme=dark].app:before{background:linear-gradient(#14141447,#141414d1)}@media (max-width:520px){.library-head{flex-direction:column;align-items:flex-start}.library-head .primary{align-self:flex-start}.onboard-art img{object-position:center top}}body,button,input{text-transform:lowercase}.eyebrow{text-transform:none}.outpost-intro{color:#555657;max-width:490px;font-family:inherit;font-size:.98rem;font-style:normal;line-height:1.55}.sync-line{color:var(--accent);letter-spacing:.04em;margin:14px 0 0;font-size:.75rem;font-weight:650}.brand-button{cursor:pointer;min-height:44px;color:inherit;background:0 0;border:0;padding:0 2px}.text-action{border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.82rem;display:inline-flex}.playlist-strip{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.playlist-card{border:1px solid var(--line);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.playlist-card{background:color-mix(in srgb, var(--surface) 72%, transparent)}}.playlist-card{text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:12px;min-height:74px;padding:14px;display:flex}.playlist-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.playlist-card span,.playlist-card small{display:block}.playlist-card small{color:var(--muted);margin-top:4px}.compact-sheet{padding-bottom:calc(env(safe-area-inset-bottom) + 28px)}.compact-sheet input{border:1px solid var(--line);background:var(--bg);width:100%;min-height:50px;color:var(--text);border-radius:14px;padding:0 14px;font-size:16px}.full-button{width:100%;margin-top:14px}.menu-action{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;min-height:50px;padding:0 4px;display:flex}.menu-action:hover{color:var(--accent);padding-left:10px}.menu-label{margin-top:24px}.playlist-strip{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.playlist-card{background:0 0;border:0;border-radius:0;min-height:0;padding:0;display:block}.playlist-cover{aspect-ratio:1;background:linear-gradient(145deg, var(--accent), var(--muted));color:#fff;width:100%;box-shadow:var(--shadow);border:0;border-radius:18px;place-items:center;margin-bottom:10px;overflow:hidden;display:grid!important}.playlist-cover img{object-fit:cover;width:100%;height:100%}.playlist-card strong{font-size:.96rem}.playlist-card small{font-size:.78rem}.playlist-detail{padding:26px 0 100px}.back-label{gap:5px;width:auto;display:inline-flex}.playlist-hero{grid-template-columns:minmax(180px,280px) 1fr;align-items:end;gap:34px;padding:42px 0;display:grid}.playlist-cover.large{margin:0}.playlist-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.row-actions{justify-content:flex-end;align-items:center;display:flex}.track-number{text-align:center;width:46px;color:var(--muted);font-variant-numeric:tabular-nums}.remove-button{width:auto;padding:0 8px;font-size:.75rem}.danger-text{color:#9a3e31}.danger-button{background:#9a3e31}.tabbar{z-index:25;left:50%;bottom:calc(env(safe-area-inset-bottom) + 14px);border:1px solid var(--line);background:var(--surface);border-radius:22px;grid-template-columns:repeat(3,1fr);width:min(100% - 30px,420px);height:64px;padding:7px;display:grid;position:fixed;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.tabbar{background:color-mix(in srgb, var(--surface) 86%, transparent)}}.tabbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.tabbar button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.68rem;display:flex}.tabbar button[aria-current=page]{background:var(--line);color:var(--accent)}.tabbar[data-mobile-overflow=true]{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;grid-auto-flow:column;overflow:hidden}.tabbar[data-mobile-overflow=true] button{min-width:0}.mobile-more-backdrop{z-index:210;padding:18px 18px calc(env(safe-area-inset-bottom) + 86px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1616132e;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-more-sheet{border:1px solid var(--line);background:var(--surface-elevated);border-radius:22px;width:min(100%,360px)}@supports (color:color-mix(in lab, red, red)){.mobile-more-sheet{background:color-mix(in srgb, var(--surface-elevated) 96%, transparent)}}.mobile-more-sheet{color:var(--text);padding:12px;box-shadow:0 18px 52px #14141429}.mobile-more-sheet header{justify-content:space-between;align-items:center;min-height:44px;padding:0 2px 8px 10px;display:flex}.mobile-more-sheet h2{margin:0;font-size:1rem;font-weight:620}.mobile-more-list{gap:4px;display:grid}.mobile-more-list button{min-height:52px;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:0 12px;display:flex}.mobile-more-list button[aria-current=page]{background:var(--accent-soft)}[data-detail=true] .shell>.library-head,[data-detail=true] .shell>.section,[data-detail=true] .shell>.tabbar,[data-view=library] [aria-labelledby=playlists-title],[data-view=playlists] .library-head,[data-view=playlists] [aria-labelledby=recordings-title]{display:none}@media (max-width:620px){.playlist-hero{grid-template-columns:1fr;align-items:start;gap:22px}.playlist-cover.large{width:min(78vw,300px)}.row-actions .icon-button{min-width:38px}.row-actions{justify-content:flex-start;padding-left:46px}}@media (prefers-reduced-motion:no-preference){.shell>header,.shell>.library-head,.shell>.section,.shell>.playlist-detail{animation:.34s cubic-bezier(.22,1,.36,1) both content-in}.onboard-copy{animation:.38s cubic-bezier(.22,1,.36,1) both copy-in}button,.recording-mark,.brand img,.menu-action{transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .22s,color .22s,box-shadow .28s,opacity .22s,padding .22s}.primary:hover,.secondary:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1415162b}.primary svg{transition:transform .25s cubic-bezier(.22,1,.36,1)}.primary:hover svg{transform:translateY(-2px)}.icon-button:hover{transform:scale(1.025)}.recording-row:hover{transform:translateY(-1px)}.recording-row:hover .recording-mark{box-shadow:inset 0 0 0 1px var(--line), 0 10px 24px #1415161f;transform:scale(1.06)}.primary:active,.secondary:active{transform:translateY(0)scale(.97)}.sheet-backdrop{animation:.2s both fade-in}.sheet{animation:.38s cubic-bezier(.22,1,.36,1) both sheet-in}@keyframes content-in{0%{opacity:0}to{opacity:1}}@keyframes copy-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:.7;transform:translateY(28px)}to{opacity:1;transform:none}}}html{scroll-padding-bottom:150px}.app{padding-bottom:calc(env(safe-area-inset-bottom) + 142px)}.tabbar{background:var(--surface);grid-template-columns:repeat(4,1fr);width:min(100% - 30px,470px)}@supports (color:color-mix(in lab, red, red)){.tabbar{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.recording-list{padding-bottom:74px}[data-view=library] [aria-labelledby=playlists-title],[data-view=playlists] .library-head,[data-view=playlists] [aria-labelledby=recordings-title]{display:none}@media (max-width:620px){.library-head{padding-top:34px}.tabbar{height:62px}.tabbar button{font-size:.62rem}.recording-list{padding-bottom:88px}}[data-view=mushaf] .library-head,[data-view=mushaf] .shell>.section{display:none}.mushaf-head{max-width:680px}.mushaf-head h1{font-size:clamp(3.2rem,8vw,6.4rem)}.mushaf-search{grid-template-columns:1fr auto;gap:10px;margin-top:24px;display:grid}.mushaf-search input,.mushaf-tools select{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-height:48px}@supports (color:color-mix(in lab, red, red)){.mushaf-search input,.mushaf-tools select{background:color-mix(in srgb, var(--surface) 90%, transparent)}}.mushaf-search input,.mushaf-tools select{color:var(--text);font:inherit;padding:0 14px}.mushaf-tools{grid-template-columns:1fr 1fr;gap:12px;margin:28px 0;display:grid}.mushaf-tools label{color:var(--muted);gap:7px;font-size:.76rem;display:grid}.surah-title{text-align:center;border-bottom:1px solid var(--line);padding:42px 0 30px}.surah-title .arabic{direction:rtl;margin:0;font-family:Geeza Pro,Noto Naskh Arabic,serif;font-size:2.8rem}.ayah{border-bottom:1px solid var(--line);padding:42px 4px;scroll-margin-top:24px;position:relative}.ayah-reference{background:var(--surface);min-width:48px;height:32px;color:var(--muted);border-radius:999px;place-items:center;font-size:.75rem;display:inline-grid}.ayah-arabic{text-align:right;color:var(--accent);font-family:Geeza Pro,Noto Naskh Arabic,serif;font-size:clamp(1.9rem,5vw,3rem);line-height:2.05}.tafsir-button{color:var(--accent);padding-inline:0}.tafsir-sheet{max-height:88dvh;overflow:auto}.sheet-close{float:right}.tafsir-text{white-space:pre-wrap;line-height:1.75}.mushaf-credit{padding:28px 0;font-size:.72rem}.mushaf-status{text-align:center;color:var(--muted);padding:60px 0}@media (max-width:620px){body{background-position:40% 0}.mushaf{padding-top:26px}.mushaf-search,.mushaf-tools{grid-template-columns:1fr}.mushaf-head h1{font-size:3.6rem}.ayah{padding-block:32px}.ayah-arabic{font-size:2rem}}.track-art img,.player-artwork img{object-fit:cover;width:100%;height:100%}.player-artwork{aspect-ratio:1;background:linear-gradient(145deg, var(--accent), var(--muted));color:#fff;border-radius:28px;place-items:center;width:min(72vw,390px);margin:32px auto 24px;display:grid;overflow:hidden;box-shadow:0 28px 70px #14141433}.player-copy{text-align:center;max-width:560px;margin:0 auto 18px}.player-copy h1{margin:8px 0 4px;font-size:clamp(1.65rem,5vw,2.7rem)}.player-tools{flex-wrap:wrap}html,body{background:#f2f2ef;background-image:none!important}body{letter-spacing:normal;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif}.app:has(.onboarding){background:linear-gradient(90deg,#f7f7f5f0 0%,#f7f7f5c7 35%,#f7f7f514 70%);overflow:hidden}.app:has(.onboarding):before{content:"";z-index:-2;filter:contrast(1.02);background:url(/cowgirl-outpost.png) 50%/cover no-repeat;position:fixed;inset:0}.app:has(.onboarding):after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f6f6f3f5 0%,#f6f6f3b8 40%,#f6f6f31f 74%),linear-gradient(#0000 55%,#f4f4f18f);position:fixed;inset:0}.onboarding{z-index:1;width:min(100%,1180px);min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 36px);position:relative}.onboard-art{display:none}.onboard-copy h1{letter-spacing:-.075em;font-size:clamp(3.2rem,7vw,6.5rem);font-weight:620;line-height:.94}.onboard-copy p{color:#505052;max-width:520px;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.55}.onboard-actions{max-width:580px;padding-bottom:14px}.onboarding>.plain-button{position:absolute;top:0;right:0}.app[data-view=library]{background:linear-gradient(#f8f8f629 0%,#f5f5f257 42%,#efefebf5 82%)}.app[data-view=library]:before{background:linear-gradient(#f9f9f70f,#f5f5f226 45%,#efefebeb 83%)}.app[data-view=library]:after{content:"";z-index:-2;pointer-events:none;background-image:url(/outpost-ground.png);background-position:50% 90px;background-repeat:no-repeat;background-size:140%;animation:linear both upload-scene;animation-timeline:scroll(root);animation-range:0 100vh;position:fixed;inset:0}@keyframes upload-scene{0%{background-position:50% 110px}to{background-position:50% -20px}}.app[data-view=library] .library-head{align-items:flex-end;min-height:56svh;padding-bottom:52px}.app[data-view=library] .library-head>div{-webkit-backdrop-filter:saturate(130%)blur(20px);backdrop-filter:saturate(130%)blur(20px);background:#fafaf8ad;border:1px solid #ffffffb8;border-radius:24px;padding:22px 24px;box-shadow:0 18px 60px #19191914}.app[data-view=mushaf]{background:#f5f5f3}.app[data-view=mushaf]:before{background:radial-gradient(circle at 50% 0,#fff 0,#fff3 45%,#0000 70%)}.app[data-view=mushaf] .shell{width:min(100%,1080px)}.mushaf{padding:64px 0 120px}.mushaf-head{max-width:780px;margin-bottom:34px}.mushaf-head .eyebrow{color:#747476;font-size:.7rem}.mushaf-head h1{letter-spacing:-.085em;margin-bottom:24px;font-size:clamp(4.5rem,10vw,8rem);font-weight:640}.mushaf-search{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffc2;border:1px solid #1e1e1e14;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px;box-shadow:0 14px 45px #16161612}.mushaf-search input{padding-inline:14px;font-size:1rem;background:0 0!important;border:0!important}.mushaf-search .primary{min-height:44px}.mushaf-tools{top:max(12px, env(safe-area-inset-top));z-index:12;-webkit-backdrop-filter:saturate(160%)blur(26px);backdrop-filter:saturate(160%)blur(26px);background:#f7f7f5d1;border:1px solid #ffffffc7;border-radius:22px;grid-template-columns:1fr 1fr;margin:0 0 28px;padding:14px;position:sticky;box-shadow:0 14px 42px #19191914}.mushaf-tools select{background:#ffffffb8;border-color:#1e1e1e14}.surah-title{background:var(--accent);color:#f7f7f4;border:0;border-radius:30px;margin:28px 0 20px;padding:52px 32px 42px;box-shadow:0 25px 70px #1415162e}.surah-title .arabic{color:#fff;font-family:KFGQPC Uthmanic Script HAFS,Noto Naskh Arabic,Geeza Pro,Traditional Arabic,serif;font-size:clamp(3rem,7vw,5.2rem);line-height:1.4}.surah-title .muted{color:#ffffffad}.ayah-list{gap:14px;display:grid}.ayah{background:#ffffffc7;border:1px solid #1e1e1e12;border-radius:28px;padding:38px 42px;scroll-margin-top:126px;box-shadow:0 10px 34px #1415160b}.ayah-reference{color:var(--text);font-variant-numeric:tabular-nums;background:#20212414}.ayah-arabic{color:var(--text);letter-spacing:0;text-rendering:optimizelegibility;font-family:KFGQPC Uthmanic Script HAFS,Noto Naskh Arabic,Geeza Pro,Traditional Arabic,serif;font-size:clamp(2.35rem,5vw,3.7rem);font-weight:400;line-height:2.05}.ayah-translation{color:#444446;max-width:760px;font-size:1.05rem;line-height:1.78}.tafsir-button{margin-top:8px;font-size:.82rem;font-weight:640}.mushaf-credit{text-align:center;padding-top:42px}.tafsir-sheet{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#fafaf8f5;border-radius:30px 30px 0 0}@media (min-width:900px){.shell{width:min(100%,1080px)}.tabbar{width:520px}.recording-list{background:#ffffff94;border:1px solid #1e1e1e0f;border-radius:22px;padding:4px 18px}.playlist-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:700px){.app:has(.onboarding){background:linear-gradient(#f7f7f514 0%,#f7f7f59e 48%,#f7f7f5f7 100%)}.app:has(.onboarding):before{background-position:43%}.app:has(.onboarding):after{background:linear-gradient(#f6f6f314 0%,#f6f6f3b8 50%,#f6f6f3fa 100%)}.onboard-copy{padding-bottom:12px}.onboard-copy h1{font-size:clamp(3rem,15vw,4.7rem)}.onboard-copy p{font-size:.98rem}.app[data-view=library]:after{background-position:29vw 70px;background-size:190%}.app[data-view=library] .library-head{min-height:48svh}.app[data-view=library] .library-head>div{border-radius:20px;padding:18px}.mushaf{padding-top:30px}.mushaf-head h1{font-size:4.2rem}.mushaf-search{grid-template-columns:1fr}.mushaf-tools{grid-template-columns:1fr;position:relative;top:auto}.surah-title{border-radius:24px;padding:36px 20px 30px}.ayah-list{gap:10px}.ayah{border-radius:22px;padding:28px 20px}.ayah-arabic{font-size:2.25rem;line-height:2}.ayah-translation{font-size:.98rem}}@media (min-width:960px){.app{padding:28px 32px 48px 132px}.shell{width:min(100%,1180px)}.tabbar{grid-template-columns:1fr;grid-auto-rows:1fr;width:86px;height:auto;min-height:330px;inset:50% auto auto 24px;transform:translateY(-50%)}.sheet{border-radius:var(--radius-sheet);width:min(100%,760px)}}@media (max-width:700px){.tabbar{bottom:calc(env(safe-area-inset-bottom) + 8px)}}.view-all svg{transform:rotate(180deg)}.playlist-card-wrap{min-width:0;position:relative}.playlist-card-wrap .playlist-card{width:100%}.playlist-card small b{color:var(--text);font-weight:760}.collection-order{justify-content:flex-end;gap:2px;margin-top:5px;display:flex}.collection-order .icon-button{width:44px;min-width:44px;height:44px;min-height:44px}.order-action{width:36px;min-width:36px;height:36px;min-height:36px}.collection-order button:disabled,.order-action:disabled{opacity:.24}.app[data-view=library]:before{display:none!important}.app[data-view=library]:after{opacity:.075!important;background:url(/outpost-paper-texture-v25.webp) 50%/720px!important;animation:none!important;display:block!important}.app[data-view=library] .library-head{min-height:0!important;padding:48px 0 30px!important}.app[data-view=library] .library-head>div{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;padding:0!important}@media (min-width:960px){.shell>.topbar{border:1px solid var(--line);border-radius:18px;width:calc(100vw - 164px);max-width:none;min-height:64px;padding-inline:18px;box-shadow:0 10px 34px #14151612}}@media (max-width:959px){.order-action{display:none!important}}.authentic-mushaf-reader{min-height:min(850px,100dvh - 150px);margin-top:16px}.mushaf-book-chrome{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:52px;display:grid}.mushaf-book-chrome>:last-child{justify-self:end}.mushaf-edition-button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:2px;font-weight:680;display:grid}.mushaf-edition-button small,.mushaf-page-count{color:var(--muted);font-size:.7rem;font-weight:520}.mushaf-book-stage{touch-action:pan-y;place-items:center;min-height:calc(100dvh - 220px);padding:clamp(12px,2vw,28px) 58px 24px;display:grid;position:relative;overflow:hidden}.mushaf-physical-page{aspect-ratio:.72;color:#181713;-webkit-user-select:none;user-select:none;cursor:grab;background:#fafaf8;border:1px solid #302b231f;border-radius:3px 12px 12px 3px;grid-template-rows:repeat(15,minmax(0,1fr)) auto;align-items:center;width:min(100%,750px);min-height:560px;max-height:calc(100dvh - 236px);padding:clamp(24px,4.1vw,52px) clamp(18px,3.5vw,46px) 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 55px #221d161a,inset 10px 0 22px #30271b09}.mushaf-physical-page:active{cursor:grabbing}.mushaf-line{white-space:nowrap;justify-content:center;align-items:center;gap:0;width:100%;min-width:0;font-size:clamp(1.3rem,min(3.1vw,3.3vh),2.25rem);line-height:1;display:flex}.mushaf-glyph{display:inline-block}.mushaf-end{font-family:UthmanicHafs,Nabi,serif;font-size:.82em}.mushaf-physical-page footer{text-align:center;color:#777066;direction:ltr;align-self:end;font:600 .65rem/1 -apple-system,BlinkMacSystemFont,sans-serif}.mushaf-page-state{color:#716c64;direction:ltr;place-items:center;font:600 .82rem/1.4 -apple-system,BlinkMacSystemFont,sans-serif;display:grid;position:absolute;inset:0}.mushaf-page-arrow{z-index:2;width:44px;height:44px;color:var(--text);background:var(--surface);border:0;border-radius:50%;position:absolute;top:50%}@supports (color:color-mix(in lab, red, red)){.mushaf-page-arrow{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.mushaf-page-arrow{cursor:pointer;font-size:1.8rem;box-shadow:0 6px 24px #14141414}.mushaf-page-arrow:disabled{opacity:.3}.mushaf-page-arrow.previous{left:4px}.mushaf-page-arrow.next{right:4px}.mushaf-selector-backdrop{z-index:520;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1b1847;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mushaf-selector{width:min(540px,100%);max-height:min(720px,100dvh - 48px);color:var(--text);background:var(--surface);border-radius:24px;padding:22px;overflow:auto;box-shadow:0 26px 80px #14141433}.mushaf-selector header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.mushaf-selector>button{text-align:left;border:1px solid var(--line);width:100%;min-height:88px;color:var(--text);background:0 0;border-radius:16px;grid-template-rows:1fr 1fr;grid-template-columns:84px 1fr;align-items:center;column-gap:16px;margin-top:10px;padding:14px 16px;display:grid}.mushaf-selector>button[aria-pressed=true]{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.mushaf-selector>button[aria-pressed=true]{background:color-mix(in srgb, var(--text) 7%, var(--surface))}}.mushaf-selector>button[aria-pressed=true]{border-color:var(--text)}@supports (color:color-mix(in lab, red, red)){.mushaf-selector>button[aria-pressed=true]{border-color:color-mix(in srgb, var(--text) 20%, transparent)}}.mushaf-selector>button span{grid-row:1/3;font-family:UthmanicHafs,Nabi,serif;font-size:1.5rem}.mushaf-selector>button small{color:var(--muted)}.sheet-backdrop,.tafsir-backdrop,.mushaf-selector-backdrop{z-index:520}.sheet,.sheet form,.sheet-grid,.sheet-grid>*,.sheet label:not(.sr-only),.sheet .field,.sheet input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.sheet textarea,.sheet select,.reading-panel label,.reading-panel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.reading-panel select{box-sizing:border-box;width:100%;max-width:none}.sheet>.topbar{border-bottom:1px solid var(--line);width:auto;margin-inline:-22px;padding-inline:22px}.quick-trail-picker{gap:16px;display:grid}.quick-trail-recording{margin:0;font-weight:650}@media (min-width:960px){.shell>.topbar{height:64px;border:0!important;border-bottom:1px solid var(--line)!important;background:var(--bg)!important;border-radius:0!important;width:100vw!important;min-height:64px!important;padding:10px 22px!important;position:fixed!important;inset:0 0 auto!important}@supports (color:color-mix(in lab, red, red)){.shell>.topbar{background:color-mix(in srgb, var(--bg) 92%, transparent)!important}}.shell>.topbar{-webkit-backdrop-filter:blur(24px)saturate(130%);backdrop-filter:blur(24px)saturate(130%)}.shell{padding-top:72px}.side-nav{top:84px}.reading-panel-backdrop{z-index:510}.reading-panel{top:76px;bottom:104px}}@media (max-width:959px){.authentic-mushaf-reader{min-height:calc(100dvh - 126px);margin-inline:-20px}.mushaf-book-chrome{padding-inline:16px}.mushaf-book-stage{min-height:calc(100dvh - 214px);padding:10px 8px 18px}.mushaf-physical-page{border-radius:2px 9px 9px 2px;width:calc(100vw - 16px);min-height:min(690px,100dvh - 220px);max-height:calc(100dvh - 220px);padding:22px 10px 24px}.mushaf-line{font-size:clamp(1.08rem,5.2vw,1.5rem)}.mushaf-page-arrow{background:#f3efe4e0;width:40px;height:40px;top:auto;bottom:24px}.mushaf-page-arrow.previous{left:12px}.mushaf-page-arrow.next{right:12px}.mushaf-selector-backdrop{align-items:end;padding:0}.mushaf-selector{width:100%;max-height:82dvh;padding-bottom:calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}}@media (prefers-reduced-motion:no-preference){.mushaf-physical-page{transition:transform .28s cubic-bezier(.22,.75,.22,1),opacity .2s}.mushaf-tool-button,.icon-button,.plain-button{transition:transform .12s,background-color .16s,color .16s,opacity .16s}.mushaf-tool-button:active,.icon-button:active,.plain-button:active{transform:scale(.94)}}.library-search-wrap{margin:10px 0 24px;position:relative}.library-search-wrap .library-search{margin:0}.library-suggestions{z-index:70;border:1px solid var(--line);background:var(--surface);top:calc(100% + 8px);border-radius:20px;padding:12px;position:absolute;inset-inline:0}@supports (color:color-mix(in lab, red, red)){.library-suggestions{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.library-suggestions{-webkit-backdrop-filter:blur(28px)saturate(125%);backdrop-filter:blur(28px)saturate(125%);box-shadow:0 18px 50px #12131421}.library-suggestions .eyebrow{margin:2px 8px 8px}.library-suggestions button{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 9px;display:flex}.library-suggestions button:hover,.library-suggestions button:focus-visible{background:var(--accent-soft)}.library-suggestions small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tafsir-glyph{font-family:inherit;font-size:inherit;display:block}.word-insight{color:var(--muted);line-height:1.5}@media (prefers-reduced-motion:no-preference){button,.icon-button,.playlist-card{transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s,color .18s,box-shadow .2s,opacity .18s}button:active,.icon-button:active{transform:scale(.96)}.library-suggestions{animation:.24s cubic-bezier(.2,.8,.2,1) both premium-pop}@keyframes premium-pop{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}}:root{--radius-control:14px;--radius-card:22px;--radius-sheet:30px;--content-gutter:clamp(16px, 3vw, 32px)}body{font-size:16px;line-height:1.45}.app{isolation:isolate;position:relative}.app:after{content:"";z-index:-1;pointer-events:none;mix-blend-mode:multiply;opacity:.105;background:url(/outpost-paper-texture-v25.webp) 50%/720px;position:fixed;inset:0}[data-theme=dark].app:after{mix-blend-mode:soft-light;opacity:.045;filter:invert()}h1{font-size:clamp(2rem,4.8vw,3.35rem)}.sheet h2{font-size:clamp(1.35rem,3vw,1.75rem)}.playlist-cover,.recording-mark,.surah-title,.ayah,.word-lesson,.ayah-card-preview,.library-search input,.sheet input,.sheet textarea,.sheet select,.cover-upload{border-radius:var(--radius-control)}.playlist-cover,.surah-title,.ayah,.word-lesson,.ayah-card-preview{border-radius:var(--radius-card)}.sheet{width:min(100% - 24px,680px);padding:0 var(--content-gutter) calc(24px + env(safe-area-inset-bottom));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;position:relative}.sheet>.topbar{width:auto;margin:0 calc(-1 * var(--content-gutter));padding:22px var(--content-gutter) 16px;border-bottom:1px solid var(--line);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;top:0}.sheet-grid{gap:16px;margin-top:20px}.discard-confirmation{z-index:500;border-radius:24px;width:min(100vw - 32px,520px);margin:0;padding:22px;position:fixed;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #0f0f0f61,0 24px 80px #0000003d}.discard-confirmation h2{margin-bottom:4px;font-size:1.45rem}.discard-confirmation p{margin-bottom:20px}.discard-actions{gap:10px}.reading-controls{top:calc(66px + env(safe-area-inset-top));margin-bottom:20px}.reading-controls-trigger{border-radius:18px;min-height:58px;padding-inline:18px;box-shadow:0 8px 28px #18181812}.reading-mode-picker{background:var(--text);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin:18px 0 4px;padding:4px;display:grid}@supports (color:color-mix(in lab, red, red)){.reading-mode-picker{background:color-mix(in srgb, var(--text) 7%, transparent)}}.reading-mode-picker button{cursor:pointer;background:0 0;border:0;border-radius:11px;min-height:40px}.reading-mode-picker button[aria-pressed=true]{background:var(--surface);font-weight:650;box-shadow:0 2px 9px #1414141a}.tajweed-key{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:7px;padding:4px 0 17px;display:flex}.tajweed-key span{background:var(--accent-soft);border-radius:999px;padding:5px 9px;font-size:.72rem}.tajweed-key [data-rule=madd]{color:#8a4f91}.tajweed-key [data-rule=ghunnah]{color:#247c64}.tajweed-key [data-rule=ikhfa]{color:#b36b22}.tajweed-key [data-rule=qalqalah]{color:#9a4343}.tajweed-madda_normal,.tajweed-madda_permissible,.tajweed-madda_necessary,.tajweed-madda_obligatory_monfasel,.tajweed-madda_obligatory_mottasel{color:#8c5596}.tajweed-ghunnah,.tajweed-idgham_with_ghunnah,.tajweed-idgham_shafawi{color:#287d67}.tajweed-ikhafa,.tajweed-ikhafa_shafawi,.tajweed-iqlab{color:#b46d25}.tajweed-qalqalah{color:#a24949}.tajweed-ham_wasl,.tajweed-laam_shamsiyah,.tajweed-idgham_without_ghunnah{color:#76767a}.tajweed-end{vertical-align:middle;border:1px solid;border-radius:50%;place-items:center;min-width:1.55em;height:1.55em;margin-inline-start:.18em;font-size:.52em;display:inline-grid}.tajweed-text{white-space:normal}.mushaf-page-fragment{min-width:0}.mushaf-page-number{display:none}.mushaf[data-reading-mode=mushaf]{max-width:960px}.mushaf[data-reading-mode=mushaf] .word-hint,.mushaf[data-reading-mode=mushaf] .ayah-topline,.mushaf[data-reading-mode=mushaf] .ayah-translation,.mushaf[data-reading-mode=mushaf] .translation-source,.mushaf[data-reading-mode=mushaf] .tafsir-button{display:none}.mushaf[data-reading-mode=mushaf] .ayah-list{display:block}.mushaf[data-reading-mode=mushaf] .mushaf-page-fragment{display:inline}.mushaf[data-reading-mode=mushaf] .mushaf-page-fragment[data-page-start=true]{border:1px solid var(--text);margin:24px 0;padding:clamp(28px,6vw,64px);display:block}@supports (color:color-mix(in lab, red, red)){.mushaf[data-reading-mode=mushaf] .mushaf-page-fragment[data-page-start=true]{border:1px solid color-mix(in srgb, var(--text) 10%, transparent)}}.mushaf[data-reading-mode=mushaf] .mushaf-page-fragment[data-page-start=true]{background:var(--surface);border-radius:6px 22px 22px 6px}@supports (color:color-mix(in lab, red, red)){.mushaf[data-reading-mode=mushaf] .mushaf-page-fragment[data-page-start=true]{background:color-mix(in srgb, var(--surface) 96%, #e6dfd3)}}.mushaf[data-reading-mode=mushaf] .mushaf-page-fragment[data-page-start=true]{box-shadow:0 22px 70px #1b19151a,inset 8px 0 18px #2c251c09}.mushaf[data-reading-mode=mushaf] .mushaf-page-fragment[data-page-start=true] .mushaf-page-number{color:var(--muted);letter-spacing:.08em;text-align:center;margin:0 0 20px;font:600 .7rem/1 -apple-system,BlinkMacSystemFont,sans-serif;display:block}.mushaf[data-reading-mode=mushaf] .ayah{box-shadow:none;background:0 0;border:0;margin:0;padding:0;display:inline}.mushaf[data-reading-mode=mushaf] .ayah-arabic{font-size:calc(clamp(1.9rem, 4vw, 2.8rem) * var(--quran-size));text-align:justify;margin:0;line-height:2.05;display:inline}.mushaf[data-reading-mode=mushaf] .quran-word{padding-inline:.025em}.corpus-link{color:inherit;text-underline-offset:4px;margin:0 0 16px;font-weight:650;display:inline-flex}.word-sheet .context-lesson small{max-width:58ch;display:block}.player-artwork{border-radius:24px;overflow:hidden}@media (min-width:960px){.app{padding:28px 32px 48px 132px}.shell{width:min(100%,1180px)}.shell>.topbar{border:1px solid var(--line);border-radius:20px;padding:10px 14px;top:20px;box-shadow:0 10px 34px #14141412}.tabbar{border-radius:28px;grid-template-columns:1fr;grid-auto-rows:1fr;width:86px;height:auto;min-height:330px;padding:8px;inset:50% auto auto 24px;transform:translateY(-50%)}.tabbar button{min-height:70px}.sheet-backdrop{align-items:center;padding:32px}.sheet{border-radius:var(--radius-sheet);width:min(100%,760px);max-height:calc(100dvh - 64px)}.sheet>.topbar{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0}.reading-panel{top:32px;bottom:32px;left:132px}}@media (max-width:700px){.app{padding-inline:14px;padding-bottom:calc(132px + env(safe-area-inset-bottom))}.shell>.topbar{margin-inline:-2px}.reading-controls-trigger small{max-width:52%}.sheet{border-radius:28px 28px 0 0;width:100%}.discard-actions{grid-template-columns:1fr}.discard-actions .danger-button{order:-1}.mushaf[data-reading-mode=mushaf] .mushaf-page-fragment[data-page-start=true]{margin-inline:-4px;padding:24px 18px}.player-copy h1{font-size:clamp(1.8rem,9vw,2.7rem)}}.cover-editor{-webkit-overflow-scrolling:touch;overflow:hidden auto}@media (max-height:620px){.cover-editor{max-height:calc(100dvh - 16px)}.cover-canvas-frame{width:min(100%,46dvh);max-height:46dvh;margin-inline:auto}.cover-editor-hint,.cover-zoom,.cover-apply{margin-top:10px}.cover-apply{z-index:1;position:sticky;bottom:0}}@media (prefers-reduced-motion:reduce){.app[data-view=library]:after{background-position:50% 90px;animation:none}}.word-hint{color:#6e6e70;align-items:center;gap:8px;margin:0 0 16px;padding-left:4px;font-size:.78rem;display:flex}.word-hint:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #20212414}.word-line{flex-flow:wrap;justify-content:flex-start;gap:.08em .16em;display:flex}.quran-word{color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:.04em .08em;transition:background-color .18s,color .18s,transform .18s;display:inline-block}.quran-word:hover,.quran-word:focus-visible{color:var(--text);background:#20212417}.quran-word:active{transform:scale(.96)}.quran-word[aria-busy=true]{background:#2021241f;animation:1s ease-in-out infinite word-pulse}.word-sheet{width:min(100%,520px);padding:30px 30px calc(env(safe-area-inset-bottom) + 34px);text-align:left;-webkit-backdrop-filter:saturate(150%)blur(30px);backdrop-filter:saturate(150%)blur(30px);direction:ltr;unicode-bidi:isolate;background:#fafaf8f7;border-radius:32px 32px 0 0}.word-arabic{text-align:center;color:var(--text);margin:38px 0 4px;font-family:KFGQPC Uthmanic Script HAFS,Noto Naskh Arabic,Geeza Pro,Traditional Arabic,serif;font-size:clamp(3.7rem,12vw,6rem);line-height:1.45}.word-transliteration{text-align:center;color:#737375;letter-spacing:.02em;font-size:.98rem}.word-meaning{text-align:center;letter-spacing:-.045em;margin:28px auto 10px;font-size:clamp(1.65rem,5vw,2.25rem);font-weight:620}.word-note{border-top:1px solid var(--line);text-align:center;max-width:410px;margin:28px auto 0;padding-top:20px;font-size:.78rem;line-height:1.55}@keyframes word-pulse{50%{opacity:.55}}@media (max-width:700px){.word-line{gap:.04em .08em}.quran-word{border-radius:8px;padding:.03em .05em}.word-sheet{padding-inline:22px}}:root{--shadow:0 12px 36px #1f1f1f17}.app:before{background:linear-gradient(#f5f5f22e,#efefecd1)}.shell{width:min(100%,820px)}h1{letter-spacing:-.06em;font-weight:610}.library-head{padding-top:64px}.section{margin-top:38px}.section-title{margin-bottom:12px}.section-title h2{margin-bottom:0;font-size:1.28rem}.primary{min-height:46px;box-shadow:none;padding-inline:20px}.secondary{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.secondary{background:color-mix(in srgb, var(--surface) 88%, transparent)}}.playlist-strip{gap:22px}.playlist-cover{border-radius:16px;box-shadow:0 8px 24px #1d1d1d1a}.playlist-card:hover{transform:none}.playlist-card:active{opacity:.72}.recording-row:hover{background:var(--surface);transform:none}@supports (color:color-mix(in lab, red, red)){.recording-row:hover{background:color-mix(in srgb, var(--surface) 58%, transparent)}}.tabbar{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 12px);-webkit-backdrop-filter:saturate(160%)blur(24px);backdrop-filter:saturate(160%)blur(24px);background:#fafaf8d1;border:1px solid #ffffffb8;border-radius:22px;width:min(100% - 28px,460px);height:66px;margin-inline:auto;transform:none;box-shadow:0 10px 35px #14141421}.tabbar button{border-radius:15px;transition:color .2s,background-color .2s,opacity .2s}.tabbar button[aria-current=page]{color:var(--accent);background:#20212417}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.tabbar button:active,.primary:active,.secondary:active{transform:scale(.97)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:620px){.app{padding-inline:16px}.library-head{padding-top:30px}.section{margin-top:30px}.tabbar{width:calc(100% - 20px);bottom:calc(env(safe-area-inset-bottom) + 8px);border-radius:20px}}.recording-description{text-overflow:ellipsis;white-space:nowrap;max-width:62ch;color:var(--muted);margin-top:4px;font-size:.82rem;display:block;overflow:hidden}.recording-context{white-space:pre-wrap;max-width:62ch;line-height:1.65}.detail-numbers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sheet textarea{resize:vertical;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:14px;padding:12px 14px}.icon-button,.tabbar button,.plain-button,.primary,.secondary{touch-action:manipulation;min-width:44px;min-height:44px}.app{min-height:100dvh;padding-bottom:calc(142px + env(safe-area-inset-bottom));padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right))}@media (orientation:landscape) and (max-height:560px){.verse-space{min-height:120px}.tabbar{height:58px}}@font-face{font-family:Nabi Quran;src:url(/fonts/nabi-quran.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.mushaf{--quran-size:1;--translation-size:1}.surah-title .arabic,.ayah-arabic,.word-arabic,.card-arabic{font-family:Nabi Quran,KFGQPC Uthmanic Script HAFS,Noto Naskh Arabic,serif}.ayah-arabic{font-size:calc(clamp(2.35rem, 5vw, 3.7rem) * var(--quran-size))}.ayah-translation{font-size:calc(clamp(2.35rem, 5vw, 3.7rem) * var(--translation-size))}.translation-source{color:#858587;margin:-4px 0 10px;font-size:.7rem}.ayah-topline{justify-content:space-between;align-items:center;display:flex}.save-card-button{color:#5e5e60;border-radius:999px;width:auto;padding:0 12px;font-size:.76rem}.reading-controls{top:max(12px, env(safe-area-inset-top));z-index:18;z-index:65;margin:0 0 28px;position:sticky;top:76px}.reading-range,.reading-toggle{border-top:1px solid var(--line);gap:9px;padding:15px 0;font-size:.84rem;font-weight:650;display:grid}.reading-range input{width:100%;accent-color:var(--accent)}.reading-toggle{grid-template-columns:1fr auto;align-items:center}.reading-toggle input{width:42px;height:24px;accent-color:var(--accent)}.ayah{margin-bottom:calc(14px * var(--verse-spacing,1));padding:26px 30px}.ayah-arabic{line-height:calc(1.72 * var(--quran-line-height,1));margin:14px 0 8px}.ayah-translation{opacity:var(--translation-opacity,1);margin:0 0 4px;line-height:1.42}.mushaf[data-focus=true] .mushaf-head,.mushaf[data-focus=true] .word-hint,.mushaf[data-focus=true] .mushaf-credit{display:none}.reading-controls-trigger{-webkit-backdrop-filter:saturate(160%)blur(28px);backdrop-filter:saturate(160%)blur(28px);cursor:pointer;text-align:left;background:#f9f9f7d1;border:1px solid #ffffffd1;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:64px;padding:10px 14px 10px 20px;display:flex;box-shadow:0 12px 38px #1b1b1b12}.reading-controls-trigger span{font-weight:620}.reading-controls-trigger small{color:#757577;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reading-panel-backdrop{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1414142e;position:fixed;inset:0}.reading-panel{left:max(18px, env(safe-area-inset-left));top:max(18px, env(safe-area-inset-top));bottom:max(18px, env(safe-area-inset-bottom));background:#fafaf8f5;border:1px solid #ffffffe0;border-radius:30px;flex-direction:column;width:min(390px,100% - 36px);padding:0;display:flex;position:absolute;overflow:hidden;box-shadow:0 30px 90px #1414142e}.reading-panel header{justify-content:space-between;align-items:start;display:flex}.reading-panel-header{background:#fafaf8f7;border-bottom:1px solid #1e1e1e0f;flex:none;padding:24px 24px 10px}.reading-panel-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:0 24px 28px;overflow-y:auto}.reading-panel h2{font-size:1.7rem}.reading-field{color:#757577;gap:7px;margin:22px 0 12px;font-size:.76rem;display:grid}.reading-field input,.reading-field select{color:#252527;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #1e1e1e1a;border-radius:14px;padding:0 14px}.surah-options{border-block:1px solid #1e1e1e14;max-height:260px;overflow:auto}.surah-options button{text-align:left;cursor:pointer;border:0;background:0 0;border-bottom:1px solid #1e1e1e0f;justify-content:space-between;align-items:center;width:100%;min-height:48px;display:flex}.surah-options button[aria-selected=true]{color:var(--text);font-weight:650}.text-size-control{border-bottom:1px solid #1e1e1e14;justify-content:space-between;align-items:center;padding:17px 0;font-size:.86rem;display:flex}.text-size-control>div{border:1px solid #1e1e1e1a;border-radius:12px;align-items:center;display:flex;overflow:hidden}.text-size-control button{cursor:pointer;background:#fff;border:0;width:44px;height:44px}.text-size-control output{text-align:center;color:#6f6f71;min-width:62px;font-size:.72rem}.quran-word-wrap{display:inline-block;position:relative}.word-tooltip{z-index:24;color:#fff;text-align:center;direction:ltr;background:#303033;border-radius:10px;min-width:max-content;max-width:220px;padding:10px 14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:.82rem;font-weight:500;line-height:1.2;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #1c1c1c2e}.word-tooltip i{border:6px solid #0000;border-top-color:#303033;position:absolute;top:100%;left:50%;transform:translate(-50%)}.word-sheet{max-height:92dvh;overflow:auto}.word-lesson{background:#f2f2ef;border-radius:20px;margin-top:24px;padding:22px}.word-lesson h3{margin:3px 0 15px;font-size:1.65rem}.lesson-label{color:#757577;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:650}.word-lesson p{line-height:1.6}.context-lesson{background:var(--accent);color:#f7f7f4}.context-lesson .lesson-label,.context-lesson small{color:#ffffffa3}.context-lesson blockquote{border-left:2px solid #ffffff47;margin:18px 0;padding-left:16px;line-height:1.55}.card-sheet{max-height:94dvh;overflow:auto}.ayah-card-preview{aspect-ratio:4/3;width:100%;color:var(--text);background:#f6f5f1;border-radius:24px;flex-direction:column;justify-content:space-between;margin:24px auto;padding:30px 34px;display:flex;box-shadow:0 20px 55px #1c1c1c1f}.card-preview-head,.card-preview-foot{justify-content:space-between;align-items:center;gap:18px;display:flex}.card-preview-head p{margin:0;font-size:.72rem;font-weight:650}.card-preview-content{align-content:center;gap:18px;min-height:0;display:grid}.card-preview-foot b{letter-spacing:.03em;font-size:.72rem}.card-surah{font-size:.75rem;font-weight:650}.card-arabic{text-align:center;font-size:clamp(2rem,7vw,3.4rem);line-height:1.8}.card-translation{color:#48484a;line-height:1.55}.ayah-card-preview small{color:#777779}@media (max-width:700px){.reading-controls{top:calc(72px + env(safe-area-inset-top));z-index:18;position:sticky}.reading-panel-backdrop{align-items:flex-end;display:flex}.reading-panel{border-radius:30px 30px 0 0;width:100%;max-height:90dvh;padding:0;position:relative;top:auto;bottom:auto;left:auto}.reading-panel-scroll{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.word-tooltip{display:none}.ayah-arabic{font-size:calc(2.25rem * var(--quran-size))}.ayah-translation{font-size:calc(2.25rem * var(--translation-size))}.card-sheet{padding-inline:18px}}@media (prefers-reduced-motion:no-preference){.reading-panel{animation:.24s cubic-bezier(.2,.8,.2,1) panel-in}.word-tooltip{animation:.14s ease-out tooltip-in}@keyframes panel-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}}:root{--bg:#efefec;--surface:#fafaf8;--text:#171819;--muted:#696b6c;--accent:#202124;--accent-soft:#dededb;--line:#1718191c;--shadow:0 16px 44px #14151617}[data-theme=dark]{--bg:#090909;--surface:#171717;--text:#f4f4f2;--muted:#a5a5a1;--accent:#f0f0ed;--accent-soft:#30302e;--line:#f4f4f21f}.app{background:linear-gradient(#fafaf8 0%,#f0f0ed 48%,#e7e7e3 100%)}[data-theme=dark].app{background:linear-gradient(#171717 0%,#0c0c0c 55%,#050505 100%)}.surah-title,.context-lesson{background:var(--accent);box-shadow:0 22px 64px #0f0f1024}.ayah-reference,.quran-word:hover,.quran-word:focus-visible,.quran-word[aria-busy=true],.tabbar button[aria-current=page]{background:var(--accent-soft);color:var(--text)}.ayah-arabic,.word-arabic,.surah-options button[aria-selected=true],.ayah-card-preview,.tafsir-button{color:var(--text)}.word-tooltip{background:#303033}.word-tooltip i{border-top-color:#303033}.field{gap:7px;display:grid}.action-button{background:var(--accent);width:46px;min-width:46px;height:46px;min-height:46px;color:var(--surface)}[data-theme=dark] .action-button:not(.destination-action){color:#111}.sheet-error{margin:16px 0 0}.trail-choice small{color:var(--muted);margin-bottom:3px;font-size:.68rem;font-weight:500;display:block}body,[lang=ar],[dir=rtl],.arabic,.ayah-arabic,.word-arabic,.card-arabic{letter-spacing:normal}@media (prefers-reduced-motion:no-preference){.sheet{animation:.32s cubic-bezier(.22,1,.36,1) both sheet-settle}.playlist-card,.trail-choice,.trail-create,.icon-button,.primary,.secondary{transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .18s,background-color .18s,box-shadow .22s}.icon-button:hover{transform:scale(1.04)}.icon-button:active,.trail-choice:active,.trail-create:active{transform:scale(.96)}.recording-row:active,.playlist-card:active{transform:scale(.99)}@keyframes player-rise{0%{opacity:0;transform:translateY(18px)scale(.992)}to{opacity:1;transform:none}}@keyframes mini-player-settle{0%{opacity:.7;transform:translate(-50%,12px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes sheet-settle{0%{opacity:.72;transform:translateY(24px)scale(.992)}to{opacity:1;transform:none}}}.recording-action{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--muted)}.app[data-detail=true] .shell>.tabbar{display:grid}.playlist-detail{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.sheet-backdrop{overscroll-behavior:none;max-width:100vw;overflow:hidden}.sheet{box-sizing:border-box;min-width:0;max-width:100%;max-height:calc(100svh - env(safe-area-inset-top));max-height:calc(100dvh - env(safe-area-inset-top));overscroll-behavior-x:none;touch-action:pan-y;overflow-x:hidden}.sheet>*,.sheet-grid,.sheet-grid>*,.trail-order,.trail-order-row,.trail-order-row>span{min-width:0;max-width:100%}.sheet input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.sheet textarea,.sheet select,.cover-upload{width:100%;min-width:0;max-width:100%}.trail-editor{padding-bottom:0}.trail-editor>.topbar{top:0}.trail-editor .editor-dock{min-height:76px;padding:12px 22px max(12px, env(safe-area-inset-bottom));margin:24px -22px 0;bottom:0}.editor-dock-button{border-radius:50%;width:48px;min-width:48px;height:48px;min-height:48px}.editor-dock .danger-text{background:#a34234}@supports (color:color-mix(in lab, red, red)){.editor-dock .danger-text{background:color-mix(in srgb, #a34234 12%, var(--surface))}}.editor-dock .danger-text{color:#963d31}.editor-dock .icon-save{background:var(--accent);color:var(--surface);place-items:center;display:grid;box-shadow:0 8px 24px #14141429}.reading-panel{min-height:0;overflow:hidden}.reading-panel-scroll{-webkit-overflow-scrolling:touch;min-height:0;scroll-padding-bottom:calc(44px + env(safe-area-inset-bottom));padding-bottom:calc(44px + env(safe-area-inset-bottom));flex:auto;overflow-y:auto}.tafsir-glyph{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.35rem;line-height:1;display:inline-block}.tafsir-backdrop{z-index:410}.tafsir-sheet{text-align:left;flex-direction:column;width:min(100%,760px);height:min(90dvh,820px);padding:0;display:flex;overflow:hidden}.tafsir-sheet-header{border-bottom:1px solid var(--line);background:var(--surface);flex:none;justify-content:space-between;align-items:flex-start;gap:18px;min-height:92px;padding:24px 24px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.tafsir-sheet-header{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.tafsir-sheet-header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.tafsir-sheet-scroll{-webkit-overflow-scrolling:touch;min-height:0;padding:24px 24px calc(42px + env(safe-area-inset-bottom));flex:auto;overflow-y:auto}.tafsir-text{white-space:pre-line;overflow-wrap:anywhere;max-width:68ch;margin:0;font-size:1rem;line-height:1.72}.tafsir-text+.tafsir-text{margin-top:1.15em}.tafsir-section-heading{letter-spacing:-.018em;max-width:68ch;margin:1.65rem 0 .45rem;font-size:1rem;font-weight:700;line-height:1.35}.tafsir-sheet-scroll>.tafsir-section-heading:first-child,.tafsir-section-heading+.tafsir-text{margin-top:0}.word-backdrop{z-index:420}.word-sheet{text-align:left;letter-spacing:-.015em;direction:ltr;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;overflow-x:hidden}.word-sheet .word-lesson p,.word-sheet .word-lesson blockquote,.word-sheet .word-lesson small{word-spacing:.04em;overflow-wrap:anywhere;white-space:normal;direction:ltr;unicode-bidi:plaintext}.word-sheet .word-lesson p,.word-sheet .word-lesson blockquote{font-size:clamp(.98rem,2.5vw,1.08rem);line-height:1.65}body[data-mushaf-focus=true] .shell>.topbar,body[data-mushaf-focus=true] .shell>.tabbar{display:none}body[data-study-overlay=true] .reading-controls{visibility:hidden}.mushaf[data-focus=true] .mushaf-head,.mushaf[data-focus=true] .reading-controls,.mushaf[data-focus=true] .surah-title,.mushaf[data-focus=true] .word-hint,.mushaf[data-focus=true] .mushaf-credit,.mushaf[data-focus=true] .ayah-topline,.mushaf[data-focus=true] .tafsir-button,.mushaf[data-focus=true] .translation-source{display:none}.mushaf[data-focus=true] .ayah{opacity:.24;transition:opacity .28s,transform .28s;transform:scale(.992)}.mushaf[data-focus=true] .ayah[data-active=true]{opacity:1;transform:none}.focus-exit{z-index:190;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));width:46px;height:46px;color:var(--surface);background:var(--accent);position:fixed}@supports (color:color-mix(in lab, red, red)){.focus-exit{background:color-mix(in srgb, var(--accent) 92%, transparent)}}.focus-exit{box-shadow:0 12px 32px #1414142e}@media (min-width:760px){.sheet-backdrop{align-items:center;padding:32px}.sheet{border-radius:28px;max-height:calc(100dvh - 64px)}}@media (max-width:700px){.reading-panel{height:min(90dvh,760px)}.tafsir-sheet{border-radius:28px 28px 0 0;width:100%;height:90dvh}}@media (min-width:960px){.app{padding:28px 32px 48px 132px}.shell{width:min(100%,1180px)}.tabbar{grid-template-columns:1fr;grid-auto-rows:1fr;width:86px;height:auto;min-height:330px;inset:50% auto auto 24px;transform:translateY(-50%)}.sheet{border-radius:var(--radius-sheet);width:min(100%,760px)}}@media (max-width:700px){.tabbar{bottom:calc(env(safe-area-inset-bottom) + 8px)}}@font-face{font-family:Uthmanic Hafs;src:url(https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2)format("woff2");font-display:swap}@font-face{font-family:IndoPak Quran;src:url(https://verses.quran.foundation/fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff2)format("woff2");font-display:swap}.app:has(.onboarding){height:100svh;min-height:100svh;overflow:hidden}.app:has(.onboarding):before{background-position:88% 54%;background-repeat:no-repeat;background-size:min(66vw,1120px)}.app:has(.onboarding):after{background:linear-gradient(90deg,#f6f6f3fc 0 38%,#f6f6f3d6 51%,#f6f6f314 72%)}.onboarding{height:calc(100svh - 56px);min-height:0}.onboard-copy{max-width:min(48vw,650px);margin-top:auto;padding:24px 0 18px}.onboard-copy h1{max-width:11ch;font-size:clamp(3.6rem,6.4vw,7.2rem);line-height:.9}.onboard-copy p{color:#383a39;max-width:46ch}.onboard-actions{max-width:min(48vw,650px);min-height:54px;padding-bottom:4px}.mushaf{max-width:900px;margin-inline:auto;padding:28px 0 128px}.mushaf-head{grid-template-columns:minmax(180px,.55fr) minmax(320px,1fr);align-items:end;gap:28px;max-width:none;margin:0 0 18px;display:grid}.mushaf-head .eyebrow{display:none}.mushaf-head h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.2rem,4vw,3.8rem)}.mushaf-search{box-shadow:none;border-radius:14px;margin:0}.reading-controls{z-index:65;border:1px solid var(--text);justify-content:space-between;align-items:center;gap:18px;min-height:56px;margin:0 0 18px;padding:6px 8px 6px 16px;display:flex;top:10px}@supports (color:color-mix(in lab, red, red)){.reading-controls{border:1px solid color-mix(in srgb, var(--text) 8%, transparent)}}.reading-controls{background:var(--surface);border-radius:15px}@supports (color:color-mix(in lab, red, red)){.reading-controls{background:color-mix(in srgb, var(--surface) 90%, transparent)}}.reading-controls{-webkit-backdrop-filter:saturate(130%)blur(22px);backdrop-filter:saturate(130%)blur(22px);box-shadow:0 8px 26px #1818180e}.mushaf-context-title{gap:2px;min-width:0;display:grid}.mushaf-context-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:680;overflow:hidden}.mushaf-context-title small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.73rem;overflow:hidden}.mushaf-context-actions{flex:none;align-items:center;gap:2px;display:flex}.mushaf-tool-button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background .16s,transform .12s;display:grid}.mushaf-tool-button:hover,.mushaf-tool-button:focus-visible,.mushaf-tool-button[aria-pressed=true]{background:var(--accent-soft)}.mushaf-tool-button:active{transform:scale(.94)}.mushaf-tool-button.type-tool{letter-spacing:-.04em;width:46px;font-weight:650}.font-options button{border:1px solid var(--line);min-height:68px;color:var(--text);cursor:pointer;background:0 0;border-radius:12px;place-items:center;gap:2px;display:grid}.font-options button[aria-pressed=true]{border-color:var(--text);background:var(--accent-soft)}.font-options span{font-size:1.18rem}.font-options small{color:var(--muted);font-size:.66rem}.font-options button:first-child span{font-family:Uthmanic Hafs,serif}.font-options button:nth-child(2) span{font-family:Nabi Quran,serif}.font-options button:nth-child(3) span{font-family:IndoPak Quran,serif}.quran-arabic[data-quran-font=madani],.mushaf[data-quran-font=madani] .ayah-arabic,.mushaf[data-quran-font=madani] .surah-title .arabic{font-family:Nabi Quran,Uthmanic Hafs,Noto Naskh Arabic,serif}.quran-arabic[data-quran-font=nabi],.mushaf[data-quran-font=nabi] .ayah-arabic,.mushaf[data-quran-font=nabi] .surah-title .arabic{font-family:Nabi Quran,Uthmanic Hafs,serif}.quran-arabic[data-quran-font=indopak],.mushaf[data-quran-font=indopak] .ayah-arabic,.mushaf[data-quran-font=indopak] .surah-title .arabic{font-family:IndoPak Quran,Noto Nastaliq Urdu,serif}.surah-title{box-shadow:none;text-align:left;border-radius:18px;margin:0 0 8px;padding:26px 26px 22px;overflow:visible}.surah-title .arabic{text-align:right;margin-bottom:4px;font-size:clamp(2.3rem,5vw,3.65rem);line-height:1.55}.surah-title h2{font-size:1.1rem;font-weight:690}.surah-title .muted{font-size:.8rem}.word-hint{display:none!important}.ayah-list{display:block}.ayah{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;padding:34px 10px 32px;scroll-margin-top:88px;border-radius:0!important;margin:0!important}.ayah-arabic{font-size:calc(clamp(2.1rem, 4.5vw, 3.35rem) * var(--quran-size));margin:12px 0 10px}.ayah-translation{max-width:66ch;font-size:calc(2rem * var(--translation-size));line-height:1.55}.mushaf-status{z-index:64;background:var(--surface);border-radius:999px;width:fit-content;margin:8px auto;padding:7px 12px;position:sticky;top:78px;box-shadow:0 6px 20px #14141414}.app[data-view=mushaf] .shell>.topbar{min-height:54px}[data-view=board] .library-head,[data-view=board] .shell>.section,[data-view=board] .library-search-wrap{display:none!important}.board-page{width:min(780px,100%);padding:0 0 calc(var(--player-reserve,128px) + 72px);margin:0 auto}.board-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.board-actions button{min-height:44px;color:inherit;background:0 0;border:1px solid;border-radius:999px;padding:0 18px}.board-group{padding-top:40px}.board-group>h2{text-transform:lowercase;letter-spacing:.18em;color:var(--muted);margin:0 0 6px;font-size:.72rem}.board-notice{border-bottom:1px solid var(--line,#26262224);padding:30px 0 28px}.board-notice h3{letter-spacing:-.035em;margin:5px 0 8px;font-size:clamp(1.35rem,2.5vw,2rem)}.board-notice .eyebrow{margin:0}.board-provenance,.board-body{max-width:62ch;line-height:1.65}.board-provenance{color:var(--muted)}.board-image{object-fit:cover;border-radius:var(--radius-md,18px);filter:saturate(.8)contrast(.96);width:min(100%,460px);max-height:380px;margin:18px 0;display:block}.board-notice footer{color:var(--muted);margin-top:18px;font-size:.78rem}.board-media{border:1px solid var(--line,#26262224);text-align:left;min-height:52px;color:inherit;background:0 0;border-radius:14px;align-items:center;gap:12px;margin-top:14px;padding:8px 14px 8px 10px;display:inline-flex}.board-media>span:first-child{background:var(--ink);width:34px;height:34px;color:var(--paper);border-radius:50%;place-items:center;display:grid}.board-media strong,.board-media small{display:block}.board-media small{color:var(--muted);margin-top:2px}.board-quiet-state{color:var(--muted);padding:48px 0}.board-sheet-backdrop{z-index:80;background:#16161361;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.board-sheet{background:var(--paper);width:min(620px,100%);max-height:min(780px,100dvh - 48px);color:var(--ink);border-radius:24px;overflow:auto;box-shadow:0 24px 80px #0003}.board-sheet>header{z-index:2;background:inherit;border-bottom:1px solid var(--line,#26262224);justify-content:space-between;align-items:center;padding:24px 28px 18px;display:flex;position:sticky;top:0}.board-sheet h2{margin:0}.board-sheet>header button{background:0 0;border:0;width:44px;height:44px;font-size:1.8rem}.board-sheet form,.board-inbox{gap:18px;padding:28px;display:grid}.board-sheet label{gap:7px;font-size:.86rem;display:grid}.board-sheet input,.board-sheet textarea,.board-sheet select{box-sizing:border-box;border:1px solid var(--line,#2626222e);background:var(--surface,#f3f2ee);width:100%;min-height:48px;color:inherit;font:inherit;border-radius:13px;padding:12px 14px}.board-sheet textarea{resize:vertical}.board-field-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.board-sheet .primary{justify-self:end;min-height:46px}.board-prompt{margin:0;font-size:1.35rem}.board-inbox article{border-bottom:1px solid var(--line,#26262224);gap:6px;padding-bottom:18px;display:grid}.board-inbox small{color:var(--muted)}@media (max-width:959px){.board-page{width:min(780px,100%);padding-top:0}.board-actions{justify-content:flex-start;margin-top:22px}.board-sheet-backdrop{place-items:end center;padding:0}.board-sheet{max-height:calc(100dvh - 24px);padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0}.board-field-pair{grid-template-columns:1fr}.tabbar{grid-template-columns:repeat(5,1fr)}}.reading-panel-backdrop{pointer-events:auto!important;z-index:520!important}@media (min-width:960px){.reading-panel-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}}.mushaf-page-viewport{touch-action:pan-y;min-width:0;position:relative;overflow:hidden}.mushaf-page-neighbour{z-index:0;filter:brightness(.985);position:absolute;inset:0}.mushaf-page-track{z-index:1;will-change:transform;cursor:grab;width:100%;position:relative}.mushaf-page-track:active{cursor:grabbing}.mushaf-page-track.is-settling{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.mushaf-page-state.error button{min-height:44px;color:inherit;background:0 0;border:1px solid;border-radius:999px;margin-top:12px;padding:0 18px}@media (prefers-reduced-motion:reduce){.mushaf-page-track.is-settling{transition-duration:1ms}}.sheet form,.sheet-grid,.detail-fields,.trail-editor form,.recording-editor form{width:100%;min-width:0}.sheet input:not([type=checkbox]):not([type=radio]):not([type=range]),.sheet textarea,.sheet select,.reading-panel input:not([type=checkbox]):not([type=range]),.reading-panel select{box-sizing:border-box;width:100%;max-width:none}.sheet .topbar,.sheet>header,.reading-panel-header{box-sizing:border-box;width:100%}.sheet .topbar:after,.sheet>header:after{width:auto;left:0;right:0}@media (min-width:960px){.shell>.topbar{border:0;border-bottom:1px solid var(--line);width:100vw;max-width:none;min-height:56px;box-shadow:none;background:var(--bg);border-radius:0;padding-inline:22px;inset:0 0 auto}@supports (color:color-mix(in lab, red, red)){.shell>.topbar{background:color-mix(in srgb, var(--bg) 92%, transparent)}}.reading-panel-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0}.reading-panel{pointer-events:auto;border-radius:20px;width:min(390px,100vw - 64px);inset:86px 32px 116px auto}}@media (max-width:959px){.app:has(.onboarding):before{background-position:58% 9%;background-size:auto 58svh}.app:has(.onboarding):after{background:linear-gradient(0deg,#f6f6f3fc 0 48%,#f6f6f39e 68%,#f6f6f314 100%)}.onboarding{height:calc(100svh - 28px)}.onboard-copy{max-width:100%;padding:12px 0 4px}.onboard-copy h1{max-width:11ch;font-size:clamp(2.8rem,14vw,4.6rem)}.onboard-copy p{font-size:.94rem;line-height:1.4}.onboard-actions{max-width:100%;min-height:52px}.mushaf{padding-top:14px}.mushaf-head{grid-template-columns:1fr;gap:12px;margin-bottom:14px}.mushaf-head h1{font-size:2.3rem}.reading-controls{top:calc(64px + env(safe-area-inset-top));margin-inline:-4px;padding-left:12px}.mushaf-context-actions{gap:0}.mushaf-tool-button{width:44px;height:44px}.surah-title{padding:22px 18px 18px}.ayah{padding:28px 4px}}@media (min-width:960px){.reading-panel-backdrop{pointer-events:auto!important}}.authentic-mushaf-reader{min-height:calc(100dvh - 150px)}.mushaf-book-chrome{width:min(100%,980px);height:56px;margin-inline:auto;padding:0;position:relative}.mushaf-page-position{z-index:1;position:absolute;top:50%;right:0;transform:translateY(-50%)}.mushaf-page-counter{min-width:72px;min-height:40px;color:var(--muted);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 8px;font:650 .78rem/1 -apple-system,BlinkMacSystemFont,sans-serif}.mushaf-page-counter:hover{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.mushaf-page-counter:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}}.mushaf-page-counter:hover{color:var(--text)}.mushaf-page-jump{align-items:center;gap:4px;display:flex}.mushaf-page-jump input{border:1px solid var(--line);background:var(--surface);width:92px;min-height:36px;color:var(--text);text-align:center;border-radius:10px;padding:0 10px;font:600 .75rem/1 -apple-system,BlinkMacSystemFont,sans-serif}.mushaf-page-jump button{min-width:40px;min-height:36px;color:var(--text);background:0 0;border:0;border-radius:10px;font:600 .75rem/1 -apple-system,BlinkMacSystemFont,sans-serif}.mushaf-book-stage{grid-template-columns:44px minmax(0,min(72vw,820px)) 44px;place-content:center;gap:clamp(8px,1.6vw,22px);min-height:calc(100dvh - 210px);padding:14px 18px 24px;overflow:visible}.mushaf-page-viewport{width:100%;overflow:hidden}.mushaf-physical-page{box-sizing:border-box;aspect-ratio:.705;border:1px solid var(--text);grid-template-rows:repeat(15,minmax(0,1fr)) 15px;width:100%;min-height:0;max-height:none;padding:7.5% 8.2% 4.5%}@supports (color:color-mix(in lab, red, red)){.mushaf-physical-page{border:1px solid color-mix(in srgb,var(--text) 16%,transparent)}}.mushaf-physical-page{color:#181713;background:#f7f5ef;border-radius:3px 9px 9px 3px;overflow:visible;box-shadow:0 14px 38px #18191614,inset 0 0 0 1px #ffffff75,inset 7px 0 16px #23221d05;container-type:inline-size}.mushaf-line{white-space:nowrap;text-align:center;width:100%;min-width:0;font-size:var(--qcf-page-font-size,clamp(1rem,3.45cqw,1.82rem));line-height:1;display:block;overflow:visible}.mushaf-line-text{white-space:pre;font-palette:normal;display:inline-block}.mushaf-glyph{color:unset}.mushaf-end{color:#181713;vertical-align:.04em;font-size:.76em;display:inline}.mushaf-page-arrow{border:1px solid var(--text);align-self:center;place-items:center;width:42px;height:42px;padding:0;display:grid;position:relative;inset:auto}@supports (color:color-mix(in lab, red, red)){.mushaf-page-arrow{border:1px solid color-mix(in srgb,var(--text) 12%,transparent)}}.mushaf-page-arrow{background:var(--surface);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.mushaf-page-arrow{background:color-mix(in srgb,var(--surface) 82%,transparent)}}.mushaf-page-arrow{color:var(--text);opacity:.62;font:400 1.25rem/1 -apple-system,BlinkMacSystemFont,sans-serif;transition:opacity .12s,transform .12s cubic-bezier(.2,.8,.2,1),background-color .12s;box-shadow:0 5px 18px #1414140e}.mushaf-page-arrow:hover{opacity:1;background:var(--surface)}.mushaf-page-arrow:active{transform:scale(.94)}.mushaf-page-arrow:disabled{opacity:.16;cursor:default}.reading-panel-backdrop{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;pointer-events:auto!important;background:#16161361!important;place-items:center!important;padding:24px!important;display:grid!important}.reading-panel{border-radius:24px!important;width:min(680px,100%)!important;max-height:calc(100dvh - 48px)!important;position:relative!important;inset:auto!important;box-shadow:0 24px 80px #0003!important}@media (max-width:959px){.mushaf-book-chrome{width:100%;height:58px}.mushaf-book-stage{min-height:calc(100dvh - 196px);padding:8px 6px calc(16px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr)}.mushaf-page-viewport{grid-area:1/1}.mushaf-physical-page{width:100%;min-height:0;max-height:none;font-size:inherit;padding:7.5% 6.4% 4.5%}.mushaf-line{font-size:clamp(.9rem,3.72cqw,1.42rem)}.mushaf-page-arrow{display:none}.mushaf-page-position{right:4px}.mushaf-page-counter{min-width:66px;padding-inline:5px;font-size:.75rem}.mushaf-page-jump input{width:58px}.mushaf-page-jump button{display:none}.reading-panel-backdrop{place-items:end center!important;padding:0!important}.reading-panel{padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0!important;width:100%!important;max-height:calc(100dvh - 24px)!important}}.mushaf-search{grid-template-columns:minmax(0,1fr) 36px 44px;position:relative}.mushaf-search:focus-within{border-color:var(--text)}@supports (color:color-mix(in lab, red, red)){.mushaf-search:focus-within{border-color:color-mix(in srgb,var(--text) 24%,transparent)}}.mushaf-search:focus-within{box-shadow:0 0 0 3px var(--text),0 14px 45px #16161612}@supports (color:color-mix(in lab, red, red)){.mushaf-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 7%,transparent),0 14px 45px #16161612}}.mushaf-search input{outline:0;padding-inline:18px 10px!important}.mushaf-search-clear{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;align-self:center;font:400 1.25rem/1 system-ui}.mushaf-search-clear:hover{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.mushaf-search-clear:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}}.mushaf-search-clear:hover{color:var(--text)}.mushaf-search-results{z-index:42;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 52px #14141224}.mushaf-search-results button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;gap:3px;padding:11px 12px;display:grid}.mushaf-search-results button[aria-selected=true],.mushaf-search-results button:hover{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.mushaf-search-results button[aria-selected=true],.mushaf-search-results button:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}}.mushaf-search-results strong{font-size:.9rem}.mushaf-search-results small{color:var(--muted);font-size:.72rem}.mushaf-edition-button{width:min(210px,100% - 164px);max-width:none;color:var(--text);text-align:center;cursor:pointer;background:0 0;border:0;gap:3px;padding:5px 8px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mushaf-edition-button strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:720;line-height:1.1;overflow:hidden}.mushaf-edition-button small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.7rem;line-height:1.1;overflow:hidden}.authentic-mushaf-reader{height:calc(100dvh - 150px);min-height:0;overflow:hidden}.mushaf-book-stage{grid-template-columns:44px minmax(0,min(72vw,70.5dvh - 162.15px,820px)) 44px;align-content:center;height:calc(100% - 52px);min-height:0}.mushaf-page-viewport{aspect-ratio:.705;max-height:100%}.mushaf-page-track,.mushaf-page-neighbour{width:100%;height:100%}.mushaf-physical-page{aspect-ratio:.705;height:100%}body[data-mushaf-focus=true] .authentic-mushaf-reader{height:100dvh;margin-top:0}body[data-mushaf-focus=true] .mushaf-book-stage{grid-template-columns:44px minmax(0,min(84vw,70.5dvh - 16.92px,900px)) 44px;height:100%;padding-block:12px}@media (max-width:959px){.mushaf-search{grid-template-columns:minmax(0,1fr) 36px 42px}.authentic-mushaf-reader{height:calc(100dvh - 158px);min-height:0;overflow:hidden}.mushaf-book-stage{grid-template-columns:minmax(0,min(100%,70.5dvh - 159.33px));place-content:center;height:calc(100% - 52px);min-height:0}.mushaf-page-viewport{width:100%;height:auto;max-height:100%}body[data-mushaf-focus=true] .mushaf-book-stage{grid-template-columns:minmax(0,min(100%,70.5dvh - 16.92px));padding:12px 4px}}@media (max-width:430px){.mushaf-edition-button{width:calc(100% - 154px)}.mushaf-edition-button strong{font-size:.84rem}.mushaf-edition-button small{font-size:.66rem}}[data-theme=dark] .mushaf-physical-page{background:#f6f6f3;border-color:#f8f6f033}@media (max-width:620px){.app{--mobile-content-gutter:16px;padding-inline:var(--mobile-content-gutter)}.library-head,.library-search-wrap,.section{width:100%;min-width:0}.section-title h2{font-size:clamp(1.08rem,5.4vw,1.28rem)}}.destination-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;min-height:0!important;padding:clamp(34px,6vw,68px) 0 30px!important;display:flex!important}.destination-header>div:first-child{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.destination-header h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:720;line-height:.92}.destination-header p,.destination-header .outpost-intro{color:var(--muted);margin:12px 0 0;font-size:clamp(.92rem,1.7vw,1.08rem);line-height:1.45}.library-head,.library-search-wrap,.shell>.section{width:min(780px,100%);margin-inline:auto}.app[data-view=library]:after{display:none!important}.library-search-wrap{margin:8px 0 18px}.library-search-row{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:10px;display:grid}.library-search-row .library-search{min-width:0;margin:0}.library-import-button{border:1px solid var(--line);width:42px;min-width:42px;height:42px;color:var(--text);background:0 0;border-radius:13px;padding:0}.library-import-button:hover{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.library-import-button:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}}.app[data-view=library] [aria-labelledby=recordings-title],.app[data-view=playlists] [aria-labelledby=playlists-title]{margin-top:14px}@media (max-width:620px){.destination-header{padding:32px 0 28px!important;display:block!important}.destination-header h1{font-size:clamp(2.75rem,14vw,4rem)}.library-search-wrap{margin-top:6px}}.app[data-view=library],.app[data-view=playlists],.app[data-view=board]{--destination-width:880px}.app[data-view=library] .destination-header,.app[data-view=playlists] .destination-header,.app[data-view=board] .destination-header,.app[data-view=library] .library-search-wrap,.app[data-view=library] .shell>.section,.app[data-view=playlists] .shell>.section,.app[data-view=board] .board-page{width:min(var(--destination-width),100%);margin-inline:0}.app[data-view=library] .destination-header,.app[data-view=playlists] .destination-header,.app[data-view=board] .destination-header{text-align:left;align-items:flex-start}.app[data-view=library] .destination-header>div:first-child,.app[data-view=playlists] .destination-header>div:first-child,.app[data-view=board] .destination-header>div:first-child{min-width:0;max-width:680px}.app[data-view=library] .destination-header h1,.app[data-view=playlists] .destination-header h1,.app[data-view=board] .destination-header h1{text-align:left;text-wrap:balance}.app[data-view=library] .destination-header p,.app[data-view=playlists] .destination-header p,.app[data-view=board] .destination-header p{max-width:40ch}.destination-action{border:1px solid var(--line);background:var(--surface);border-radius:15px;width:48px;min-width:48px;height:48px;min-height:48px;padding:0}@supports (color:color-mix(in lab, red, red)){.destination-action{background:color-mix(in srgb,var(--surface) 86%,transparent)}}.destination-action{color:var(--text);box-shadow:none;-webkit-backdrop-filter:blur(18px)saturate(120%)}.destination-action:hover{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.destination-action:hover{background:color-mix(in srgb,var(--text) 6%,var(--surface))}}.destination-action:hover{transform:none}.app[data-view=playlists] .destination-header .destination-action{flex:none;align-self:flex-end}.app[data-view=library] .library-search-row{grid-template-columns:minmax(0,1fr) 48px;gap:12px}.app[data-view=library] .library-search-row .library-search input{min-height:48px}.app[data-view=playlists] [aria-labelledby=playlists-title],.app[data-view=library] [aria-labelledby=recordings-title]{margin-top:18px}@media (max-width:959px){.app[data-view=library],.app[data-view=playlists],.app[data-view=board]{--destination-width:100%}.app[data-view=library] .destination-header,.app[data-view=playlists] .destination-header,.app[data-view=board] .destination-header{width:100%;margin-inline:0;padding:clamp(42px,9vw,64px) 0 28px!important}.app[data-view=library] .destination-header h1,.app[data-view=playlists] .destination-header h1,.app[data-view=board] .destination-header h1{font-size:clamp(3.35rem,14vw,4.5rem);line-height:.92}.app[data-view=library] .destination-header p,.app[data-view=playlists] .destination-header p,.app[data-view=board] .destination-header p{margin-top:14px;font-size:clamp(1rem,4.6vw,1.12rem)}.app[data-view=playlists] .destination-header{grid-template-columns:minmax(0,1fr) 48px;align-items:end;gap:18px;display:grid!important}.app[data-view=playlists] .destination-header>div:first-child{min-width:0}.app[data-view=playlists] .destination-header .destination-action{align-self:end;margin-bottom:0}.app[data-view=library] .library-search-wrap{margin:12px 0 18px}.app[data-view=board] .board-page{padding-bottom:calc(env(safe-area-inset-bottom) + 116px)}}@media (min-width:960px){.app[data-view=library] .destination-header,.app[data-view=playlists] .destination-header,.app[data-view=board] .destination-header{padding:54px 0 30px!important}.app[data-view=library] .destination-header h1,.app[data-view=playlists] .destination-header h1,.app[data-view=board] .destination-header h1{font-size:clamp(4.25rem,5.4vw,5.8rem)}.app[data-view=library] .library-search-wrap{margin:10px 0 22px}.app[data-view=board] .board-page{margin-inline:0}}body[data-mushaf-book=true]{overscroll-behavior:none;overflow:hidden}.app[data-view=mushaf]:has(.mushaf[data-reading-mode=mushaf]){height:100dvh;min-height:100dvh;overflow:hidden}.app[data-view=mushaf]:has(.mushaf[data-reading-mode=mushaf]) .shell{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.mushaf[data-reading-mode=mushaf]{flex-direction:column;flex:auto;width:100%;max-width:980px;min-height:0;padding:0;display:flex;overflow:hidden}.mushaf[data-reading-mode=mushaf] .mushaf-head{display:none}.mushaf[data-reading-mode=mushaf] .reading-controls{flex:none;margin:0 0 10px;position:relative;top:auto}.mushaf[data-reading-mode=mushaf] .authentic-mushaf-reader{flex:auto;height:calc(100dvh - 168px);min-height:0;margin-top:0;overflow:hidden}.mushaf[data-reading-mode=mushaf] .mushaf-book-stage{align-content:center;height:calc(100% - 56px);min-height:0}body[data-mushaf-focus=true] .app[data-view=mushaf],body[data-mushaf-focus=true] .app[data-view=mushaf] .shell{padding:0!important}body[data-mushaf-focus=true] .mushaf[data-reading-mode=mushaf]{max-width:none;height:100dvh;padding:0}body[data-mushaf-focus=true] .mushaf[data-reading-mode=mushaf] .reading-controls{display:none}body[data-mushaf-focus=true] .mushaf[data-reading-mode=mushaf] .authentic-mushaf-reader{flex:auto;height:100dvh;min-height:0;margin:0;overflow:hidden}body[data-mushaf-focus=true] .mushaf[data-reading-mode=mushaf] .mushaf-book-stage{height:calc(100% - 56px);min-height:0;padding-block:8px}.mushaf-head{z-index:90;isolation:isolate;position:relative}.mushaf-search{overflow:visible}.mushaf-search-results{z-index:110;overscroll-behavior:contain;background:var(--surface);border-radius:16px;max-height:min(360px,46dvh);padding:6px;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.mushaf-search-results{background:color-mix(in srgb,var(--surface) 96%,transparent)}}.mushaf-search-results{-webkit-backdrop-filter:blur(26px)saturate(140%);backdrop-filter:blur(26px)saturate(140%);box-shadow:0 20px 56px #14141224}.mushaf-search-results button{border-radius:11px;min-height:50px;padding:10px 12px}@media (max-width:959px){.app[data-view=mushaf]:has(.mushaf[data-reading-mode=mushaf]){padding-bottom:calc(env(safe-area-inset-bottom) + 82px)}.mushaf[data-reading-mode=mushaf] .reading-controls{margin:0 0 8px}.mushaf[data-reading-mode=mushaf] .authentic-mushaf-reader{height:calc(100dvh - 184px)}.mushaf-search-results{max-height:min(300px,42dvh);left:0;right:0}body[data-mushaf-focus=true] .app[data-view=mushaf]:has(.mushaf[data-reading-mode=mushaf]){padding:0!important}}.auth-entry-app{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);place-items:center;min-height:100dvh;padding:clamp(20px,4vw,48px);display:grid}.auth-entry{place-items:center;width:min(100%,620px);display:grid}.auth-card{border:1px solid var(--line);background:var(--surface);border-radius:30px;width:100%;padding:clamp(28px,5vw,52px)}@supports (color:color-mix(in lab, red, red)){.auth-card{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.auth-card{-webkit-backdrop-filter:blur(28px)saturate(130%);backdrop-filter:blur(28px)saturate(130%);box-shadow:0 24px 80px #1414121a}.auth-card-head h1{letter-spacing:-.065em;max-width:10ch;margin:0;font-size:clamp(2.6rem,7vw,4.8rem);line-height:.94}.auth-copy{max-width:42ch;color:var(--muted);margin:18px 0 0;font-size:1rem;line-height:1.55}.auth-form{gap:16px;margin-top:34px;display:grid}.auth-form label{color:var(--muted);gap:8px;font-size:.78rem;font-weight:650;display:grid}.auth-form input{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);width:100%;min-height:54px;color:var(--text);border-radius:15px;padding:0 16px;font-size:16px}.otp-input{font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.22em!important;font-size:1.3rem!important}.auth-primary{width:100%;min-height:50px}.auth-primary:disabled{opacity:.4;cursor:default}.auth-secondary-actions{justify-content:space-between;gap:12px;display:flex}.auth-text-button{width:auto;color:var(--muted);border-radius:999px;padding-inline:10px;font-size:.82rem}.auth-error{color:#8d3f35;margin:16px 0 0;font-size:.84rem;line-height:1.45}.auth-footnote{border-top:1px solid var(--line);color:var(--muted);margin:30px 0 0;padding-top:18px;font-size:.74rem;line-height:1.5}@media (max-width:959px){.auth-entry-app{padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}.auth-card{border-radius:24px;padding:30px 22px}.auth-card-head h1{font-size:clamp(2.7rem,13vw,4rem)}.auth-form{margin-top:28px}}@media (min-width:960px){.auth-card{max-width:620px}.auth-entry{min-height:calc(100dvh - 96px)}}.community-sheet{width:min(100%,640px)}.community-intro{max-width:48ch;color:var(--muted);margin:20px 0 6px;line-height:1.6}.community-status{color:var(--muted);margin:18px 0 0;font-size:.84rem}.community-file-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:52px;display:grid}.community-file-row>span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.community-file-button{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.membership-card{border-bottom:1px solid var(--line);padding:24px 0 22px}.membership-card h2{margin-bottom:4px}.membership-role{border:1px solid var(--line);width:fit-content;color:var(--muted);border-radius:999px;margin:8px 0 14px;padding:5px 9px;font-size:.72rem;font-weight:650}.settings-actions{border-bottom:1px solid var(--line);padding-bottom:8px}.settings-about{width:auto;color:var(--muted);margin:18px auto 0;font-size:.8rem}.curator-backdrop{z-index:540}.curator-sheet{width:min(100%,820px);max-height:calc(100dvh - 48px);padding-bottom:calc(28px + env(safe-area-inset-bottom))}.curator-sheet-head{margin-bottom:4px}.curator-status{border:1px solid var(--line);border-radius:13px;padding:10px 14px}.curator-section{padding:30px 0 4px}.curator-section+.curator-section{border-top:1px solid var(--line);margin-top:28px}.curator-card{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:22px 0;display:grid}.curator-card-copy{min-width:0}.curator-card-copy h3{letter-spacing:-.025em;margin:4px 0 8px;font-size:1.18rem}.curator-card-copy p:not(.eyebrow){max-width:54ch;color:var(--muted);margin:0 0 6px;line-height:1.55}.curator-card-copy small{color:var(--muted)}.curator-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.curator-card-actions .primary,.curator-card-actions .secondary{min-height:44px}.curator-empty{color:var(--muted);padding:12px 0 20px}.curator-member-list,.curator-audit-list{border-top:1px solid var(--line)}.curator-member{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:68px;padding:8px 0;display:grid}.curator-member span,.curator-member strong,.curator-member small{min-width:0;display:block}.curator-member small{color:var(--muted);margin-top:3px}.curator-member .secondary{min-height:44px;font-size:.78rem}.curator-audit{border-bottom:1px solid var(--line);gap:3px;padding:13px 0;display:grid}.curator-audit small{color:var(--muted)}@media (max-width:959px){.community-sheet-backdrop,.curator-backdrop{align-items:flex-end;padding:0}.community-sheet,.curator-sheet{border-radius:28px 28px 0 0;width:100%;max-height:calc(100dvh - 18px)}.curator-card{grid-template-columns:1fr;gap:14px}.curator-card-actions{justify-content:flex-start}.curator-member{grid-template-columns:1fr;padding:14px 0}.curator-member .secondary{justify-self:start}}@media (min-width:960px){.community-sheet-backdrop,.curator-backdrop{align-items:center;padding:32px}.community-sheet,.curator-sheet{border-radius:30px}}.app[data-view=library],.app[data-view=playlists],.app[data-view=board]{color:var(--text)}.app[data-view=library] .destination-header h1,.app[data-view=playlists] .destination-header h1,.app[data-view=board] .destination-header h1,.app[data-view=board] .board-page h1,.destination-header h1{font-weight:530}.topbar-actions{align-items:center;gap:4px;display:flex}.topbar-actions .icon-button{width:44px;min-width:44px;height:44px;min-height:44px}.account-sheet,.settings-sheet{width:min(100%,620px)}.account-card{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;display:grid}.account-mark{border:1px solid var(--line);background:var(--surface-elevated);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.account-card h2{overflow-wrap:anywhere;margin:0;font-size:1.08rem;font-weight:580}.account-sync-state{margin:6px 0 0;line-height:1.45}.account-actions{margin-top:10px}.account-signout{margin-top:18px}.account-signout-error{color:#8d3f35;margin:16px 0 -2px;font-size:.84rem;line-height:1.45}.settings-section{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px 0;display:grid}.settings-section-copy p{margin-bottom:0}.settings-section-copy .muted{max-width:36ch;font-size:.9rem;line-height:1.5}.settings-symbol-row{align-items:center;gap:8px;display:flex}.settings-symbol-button{border:1px solid var(--line);background:var(--surface);border-radius:14px;width:44px;min-width:44px;height:44px;min-height:44px}.settings-symbol-button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:#0000}.settings-file-button{cursor:pointer;position:relative}.settings-about{width:auto;min-width:0;min-height:44px;color:var(--muted);border-radius:10px;justify-items:start;margin-top:16px;padding-inline:2px}.reading-panel-scroll{gap:0;display:grid}.reading-section{border-bottom:1px solid var(--line);padding:20px 0}.reading-section:last-child{border-bottom:0}.reading-group-label{color:var(--text);letter-spacing:-.015em;text-transform:none;margin:0 0 13px;font-size:.9rem;font-weight:650}.reading-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.reading-section-heading .reading-group-label{margin:0}.reading-toggle-list{gap:4px;display:grid}.reading-toggle{min-height:46px;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:.96rem;font-weight:450;display:flex}.reading-toggle>span{min-width:0}.reading-toggle input{appearance:none;border:1.5px solid var(--text);width:24px;min-width:24px;height:24px;margin:0}@supports (color:color-mix(in lab, red, red)){.reading-toggle input{border:1.5px solid color-mix(in srgb,var(--text) 24%,transparent)}}.reading-toggle input{background:var(--surface);cursor:pointer;transition:background-color .14s var(--ease-standard),border-color .14s var(--ease-standard),transform .12s var(--ease-standard);border-radius:8px;place-items:center;display:grid}.reading-toggle input:after{content:"";border-left:1.6px solid var(--bg);border-bottom:1.6px solid var(--bg);transform-origin:50%;width:8px;height:4px;transition:transform .12s var(--ease-standard);transform:rotate(-45deg)translate(1px,-1px)scale(0)}.reading-toggle input:checked{background:var(--text);border-color:var(--text)}.reading-toggle input:checked:after{transform:rotate(-45deg)translate(1px,-1px)scale(1)}.reading-toggle input:active{transform:scale(.94)}.text-size-control{min-height:52px;color:var(--text);justify-content:space-between;align-items:center;gap:16px;font-size:.96rem;display:flex}.text-size-control>div{grid-template-columns:38px 62px 38px;align-items:center;gap:4px;display:grid}.text-size-control button{border:1px solid var(--line);background:var(--surface);min-width:38px;min-height:38px;color:var(--text);border-radius:11px}.text-size-control output{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}.text-size-control .large-a{font-size:1.1rem}.reading-field{color:var(--text);gap:8px;font-size:.96rem;display:grid}.reading-field select{border-radius:12px;min-height:46px}.reading-dependent-controls{transition:opacity .16s var(--ease-standard);gap:8px;display:grid}.reading-dependent-controls[data-disabled=true]{opacity:.38}.reading-dependent-controls :disabled{cursor:not-allowed}.font-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.font-options button{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:82px;color:var(--text);border-radius:13px;align-content:center;place-items:center;gap:5px;padding:10px 8px;display:grid}.font-options button[aria-pressed=true]{background:var(--surface-elevated);border-color:var(--text)}@supports (color:color-mix(in lab, red, red)){.font-options button[aria-pressed=true]{border-color:color-mix(in srgb,var(--text) 32%,transparent)}}.font-options button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--text)}@supports (color:color-mix(in lab, red, red)){.font-options button[aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 10%,transparent)}}.font-options button span[lang=ar]{text-align:center;letter-spacing:normal;direction:rtl;place-items:center;width:100%;min-height:32px;font-size:1.45rem;line-height:1.35;display:grid}.font-options button small{color:var(--muted);font-size:.72rem;font-weight:500}.library-search,.mushaf-search{transition:border-color .16s var(--ease-standard),box-shadow .18s var(--ease-standard),transform .18s var(--ease-standard),background-color .18s var(--ease-standard)}.library-search:focus-within,.mushaf-search:focus-within{border-color:var(--text);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.library-search:focus-within,.mushaf-search:focus-within{border-color:color-mix(in srgb,var(--text) 22%,transparent)}}.library-search:focus-within,.mushaf-search:focus-within{box-shadow:0 12px 32px var(--text)}@supports (color:color-mix(in lab, red, red)){.library-search:focus-within,.mushaf-search:focus-within{box-shadow:0 12px 32px color-mix(in srgb,var(--text) 9%,transparent)}}.menu-action:active,.settings-symbol-button:active,.font-options button:active{transform:scale(.97)}.app[data-theme=dark]{color:var(--text);background:linear-gradient(#1f1f1d 0%,#1c1c1a 68%,#191917 100%)}.app[data-theme=dark]:before{background:radial-gradient(circle at 50% -20%,#ffffff0e,#0000 52%)}.app[data-theme=dark][data-view=mushaf]{background:var(--bg)}.app[data-theme=dark] .shell>.topbar{background:var(--bg)!important}@supports (color:color-mix(in lab, red, red)){.app[data-theme=dark] .shell>.topbar{background:color-mix(in srgb,var(--bg) 90%,transparent)!important}}.app[data-theme=dark] .shell>.topbar{border-color:var(--line)!important}.app[data-theme=dark] .tabbar,.app[data-theme=dark] .sheet,.app[data-theme=dark] .reading-panel,.app[data-theme=dark] .library-suggestions,.app[data-theme=dark] .mushaf-search-results{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.app[data-theme=dark] .tabbar,.app[data-theme=dark] .sheet,.app[data-theme=dark] .reading-panel,.app[data-theme=dark] .library-suggestions,.app[data-theme=dark] .mushaf-search-results{background:color-mix(in srgb,var(--surface) 94%,transparent)}}.app[data-theme=dark] .tabbar,.app[data-theme=dark] .sheet,.app[data-theme=dark] .reading-panel,.app[data-theme=dark] .library-suggestions,.app[data-theme=dark] .mushaf-search-results{color:var(--text);border-color:var(--line)}.app[data-theme=dark] .mushaf-search,.app[data-theme=dark] .mushaf-context-bar,.app[data-theme=dark] .mushaf-tools{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.app[data-theme=dark] .mushaf-search,.app[data-theme=dark] .mushaf-context-bar,.app[data-theme=dark] .mushaf-tools{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.app[data-theme=dark] .mushaf-search,.app[data-theme=dark] .mushaf-context-bar,.app[data-theme=dark] .mushaf-tools{border-color:var(--line);box-shadow:0 14px 42px #0000002e}.app[data-theme=dark] .mushaf-search input,.app[data-theme=dark] .mushaf-tools select,.app[data-theme=dark] .reading-panel select,.app[data-theme=dark] .reading-panel input:not([type=checkbox]){color:var(--text);background:var(--surface-elevated)!important;border-color:var(--line)!important}.app[data-theme=dark] .surah-title{background:var(--surface-elevated);color:var(--text);border:1px solid var(--line);box-shadow:0 20px 54px #0000002e}.app[data-theme=dark] .surah-title .arabic,.app[data-theme=dark] .surah-title h2{color:var(--text)}.app[data-theme=dark] .surah-title .muted{color:var(--muted)}.app[data-theme=dark] .ayah{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.app[data-theme=dark] .ayah{background:color-mix(in srgb,var(--surface) 96%,transparent)}}.app[data-theme=dark] .ayah{border-color:var(--line);box-shadow:0 10px 30px #0000001f}.app[data-theme=dark] .ayah-reference{background:var(--surface-elevated);color:var(--muted)}.app[data-theme=dark] .ayah-arabic{color:var(--text)}.app[data-theme=dark] .ayah-translation,.app[data-theme=dark] .word-insight,.app[data-theme=dark] .mushaf-page-count{color:var(--muted)}.app[data-theme=dark] .mushaf-physical-page{color:#f0eee7;background:#202124;border-color:#f0eee71f;box-shadow:0 18px 55px #0000003d,inset 10px 0 22px #ffffff06}.app[data-theme=dark] .mushaf-physical-page footer,.app[data-theme=dark] .mushaf-page-state{color:#aaa79f}.app[data-theme=dark] .mushaf-page-arrow{color:var(--text);background:var(--surface-elevated)}@supports (color:color-mix(in lab, red, red)){.app[data-theme=dark] .mushaf-page-arrow{background:color-mix(in srgb,var(--surface-elevated) 92%,transparent)}}.app[data-theme=dark] .mushaf-selector{background:var(--surface);color:var(--text)}.app[data-theme=dark] .tafsir-sheet{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.app[data-theme=dark] .tafsir-sheet{background:color-mix(in srgb,var(--surface) 98%,transparent)}}.app[data-theme=dark] .tafsir-sheet,.app[data-theme=dark] .tafsir-text{color:var(--text)}@media (max-width:959px){.account-sheet,.settings-sheet{width:100%}.settings-section{grid-template-columns:minmax(0,1fr) auto;gap:14px}.reading-section{padding:18px 0}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.icon-button:hover,.plain-button:hover{transform:scale(1.025)}.recording-row:hover{transform:translateY(-1px)}.primary:hover,.secondary:hover{transform:translateY(-1px);box-shadow:0 9px 22px #1415161f}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.onboarding{width:min(100%,1440px);min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 36px);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:end;column-gap:clamp(44px,6vw,96px);margin:0 auto;padding:clamp(28px,5vw,72px) clamp(24px,4vw,62px);display:grid;position:relative}.onboard-skip{z-index:2;top:max(8px, env(safe-area-inset-top));min-width:44px;color:var(--muted);padding:0 4px;font-size:.8rem;position:absolute;right:clamp(22px,4vw,58px)}.onboard-art{grid-area:1/2/4;align-self:stretch;place-items:center;min-width:0;min-height:0;display:grid}.onboard-art img{object-fit:cover;object-position:center;filter:none;border-radius:0;width:100%;max-width:none;height:min(74dvh,760px)}.onboard-copy{overflow-wrap:anywhere;grid-area:2/1;align-self:end;min-width:0;max-width:620px;padding:0}.onboard-copy h1{letter-spacing:-.07em;margin-bottom:12px;font-size:clamp(3.35rem,5.7vw,6.5rem);line-height:.88}.onboard-copy p:not(.eyebrow){max-width:50ch;color:var(--muted);margin-bottom:0;font-size:clamp(.9rem,1.25vw,1.08rem);line-height:1.52}.onboard-navigation{grid-area:3/1;grid-template-columns:1fr auto;align-items:center;gap:18px;width:100%;min-height:70px;padding-top:22px;display:grid}.onboard-navigation .primary{min-width:132px}@media (max-width:720px){.onboarding{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 22px);padding:50px 18px max(12px, env(safe-area-inset-bottom));grid-template-rows:minmax(250px,46dvh) auto auto;grid-template-columns:1fr;gap:0;display:grid}.onboard-skip{top:4px;right:18px}.onboard-art{grid-area:1/1;min-height:0}.onboard-art img{object-fit:cover;width:100%;height:100%}.onboard-copy{grid-area:2/1;align-self:start;padding:22px 2px 4px}.onboard-copy h1{font-size:clamp(2.7rem,14vw,4.3rem);line-height:.9}.onboard-copy p:not(.eyebrow){font-size:.94rem}.onboard-navigation{min-height:64px;padding-top:10px;padding-bottom:max(2px, env(safe-area-inset-bottom));grid-area:3/1}.onboard-navigation .primary{min-width:124px}}@media (prefers-reduced-motion:reduce){.onboard-copy,.onboard-art,.onboard-navigation{transition:none!important;animation:none!important}}:root{--type-brand-weight:650;--type-brand-tracking:-.035em;--type-destination-weight:540;--type-destination-tracking:-.022em;--type-sheet-weight:540;--type-sheet-tracking:-.012em;--type-section-weight:650;--type-section-tracking:-.018em;--control-height:46px;--control-radius:13px}.brand-display-title{font-size:clamp(2.15rem,4.2vw,3.4rem)!important;font-weight:var(--type-brand-weight)!important;letter-spacing:var(--type-brand-tracking)!important;line-height:.98!important}.destination-title{font-size:clamp(2.25rem,3.6vw,3.5rem)!important;font-weight:var(--type-destination-weight)!important;letter-spacing:var(--type-destination-tracking)!important;line-height:1.02!important}.sheet-title{font-size:clamp(1.35rem,3vw,1.8rem);font-weight:var(--type-sheet-weight);letter-spacing:var(--type-sheet-tracking);margin:0;line-height:1.08}.section-heading{font-weight:var(--type-section-weight)!important;letter-spacing:var(--type-section-tracking)!important}.sheet-header{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:10px;width:auto;margin:0 -22px 20px;padding:0 22px 16px;display:grid}.sheet-back-button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.sheet-back-button:hover{background:var(--line)}.sheet-back-button:disabled{opacity:.42;cursor:default}.sheet-heading-copy{min-width:0;padding-top:4px}.sheet-heading-copy .eyebrow{margin-bottom:4px}.sheet-header-spacer{width:44px;height:44px}.settings-switch{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:16px;width:100%;min-height:48px;padding:6px 0;grid-template-columns:minmax(0,1fr) auto!important;display:grid!important}.settings-switch:first-of-type{border-top-color:#0000}.settings-switch[data-disabled]{opacity:.5;cursor:default}.settings-switch-copy{gap:3px;min-width:0;font-size:.88rem;font-weight:520;display:grid}.settings-switch-copy small{color:var(--muted);font-size:.72rem;font-weight:450}.settings-switch-control{flex:none;width:40px;height:24px;display:block;position:relative}.settings-switch-control input{opacity:0;z-index:2;cursor:pointer;width:40px!important;height:24px!important;min-height:0!important;margin:0!important;position:absolute!important;inset:0!important}.settings-switch-track{background:var(--text);border-radius:999px;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.settings-switch-track{background:color-mix(in srgb,var(--text) 18%,var(--surface))}}.settings-switch-track{transition:background-color .16s}.settings-switch-track>span{background:var(--surface-elevated,#fff);border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000002e}.settings-switch-control input:checked+.settings-switch-track{background:var(--accent)}.settings-switch-control input:checked+.settings-switch-track>span{transform:translate(16px)}.settings-switch-control input:focus-visible+.settings-switch-track{outline:2px solid var(--accent);outline-offset:3px}.sheet-grid{gap:18px!important}.sheet-grid>label:not(.settings-switch),.board-composer-fields>label:not(.settings-switch),.community-profile-grid>label{gap:8px;display:grid}.sheet input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.sheet select,.reading-panel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.reading-panel select{min-height:var(--control-height);border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.sheet input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.sheet select,.reading-panel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.reading-panel select{background:color-mix(in srgb,var(--surface) 86%,transparent)}}.sheet input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.sheet select,.reading-panel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.reading-panel select{color:var(--text);font:inherit;padding:0 13px;font-size:16px}.sheet textarea{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);min-height:96px}@supports (color:color-mix(in lab, red, red)){.sheet textarea{background:color-mix(in srgb,var(--surface) 86%,transparent)}}.sheet textarea{color:var(--text);font:inherit;padding:11px 13px;font-size:16px;line-height:1.45}.sheet input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus-visible,.sheet textarea:focus-visible,.sheet select:focus-visible,.reading-panel input:not([type=checkbox]):not([type=radio]):focus-visible,.reading-panel select:focus-visible{border-color:var(--text);outline:0}@supports (color:color-mix(in lab, red, red)){.sheet input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus-visible,.sheet textarea:focus-visible,.sheet select:focus-visible,.reading-panel input:not([type=checkbox]):not([type=radio]):focus-visible,.reading-panel select:focus-visible{border-color:color-mix(in srgb,var(--text) 42%,var(--line))}}.sheet input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus-visible,.sheet textarea:focus-visible,.sheet select:focus-visible,.reading-panel input:not([type=checkbox]):not([type=radio]):focus-visible,.reading-panel select:focus-visible{box-shadow:0 0 0 3px var(--text)}@supports (color:color-mix(in lab, red, red)){.sheet input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus-visible,.sheet textarea:focus-visible,.sheet select:focus-visible,.reading-panel input:not([type=checkbox]):not([type=radio]):focus-visible,.reading-panel select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 9%,transparent)}}.capability-empty{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.capability-empty p{margin:0}.capability-empty .plain-button,.empty-inner .plain-button{text-underline-offset:4px;border-radius:0;width:auto;min-height:44px;padding:0 2px;font-weight:620;text-decoration:underline;text-decoration-thickness:1px}.onboard-signin{font-weight:620;position:absolute;top:0;right:0;border-radius:10px!important;width:auto!important;padding-inline:8px!important}.auth-entry-app .settings-switch{border-top:0;margin-top:4px}.board-quiet-state.error p{margin:0 0 8px}.board-quiet-state.error .plain-button{text-underline-offset:4px;width:auto;padding-inline:0;text-decoration:underline}@media (max-width:959px){.destination-title{font-size:clamp(2rem,10vw,2.75rem)!important}.sheet-header{margin-inline:-18px;padding-inline:18px}.capability-empty{flex-direction:column;align-items:flex-start}}.recognition-backdrop{z-index:550}.recognition-sheet{width:min(100%,540px);padding:24px 24px calc(env(safe-area-inset-bottom) + 28px)}.recognition-stage{text-align:center;place-items:center;gap:16px;padding:36px 12px 24px;display:grid}.recognition-pulse-wrap{place-items:center;width:96px;height:96px;margin-bottom:8px;display:grid;position:relative}.recognition-pulse-ring{border:1px solid var(--accent,#171819);border-radius:50%;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.recognition-pulse-ring{border:1px solid color-mix(in srgb, var(--accent,#171819) 24%, transparent)}}.recognition-pulse-ring{pointer-events:none}.recognition-pulse-ring.ring-1{animation:2.2s cubic-bezier(.2,.8,.2,1) infinite recog-pulse}.recognition-pulse-ring.ring-2{animation:2.2s cubic-bezier(.2,.8,.2,1) .8s infinite recog-pulse}@keyframes recog-pulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.6)}}.recognition-control-button{border:1px solid var(--line);background:var(--surface-elevated,var(--surface));width:68px;height:68px;color:var(--text);cursor:pointer;z-index:2;border-radius:50%;place-items:center;transition:transform .16s,background-color .16s;display:grid;box-shadow:0 4px 18px #00000014}.recognition-control-button:hover{transform:scale(1.04)}.recognition-control-button:active{transform:scale(.96)}.stop-square{background:currentColor;border-radius:3px;width:18px;height:18px}.recognition-state-label{letter-spacing:-.015em;margin:0;font-size:1.15rem;font-weight:540}.recognition-hint{margin:0;font-size:.82rem}.recognition-indeterminate-bar{background:var(--line);border-radius:999px;width:min(240px,80%);height:3px;margin:16px 0;position:relative;overflow:hidden}.recognition-indeterminate-fill{background:var(--accent);border-radius:999px;width:40%;height:100%;animation:1.4s ease-in-out infinite alternate recog-indeterminate;position:absolute;top:0;left:0}@keyframes recog-indeterminate{0%{left:0%}to{left:60%}}.recognition-result-stage{gap:16px;padding:16px 0 8px;display:grid}.recognition-arabic{text-align:right;color:var(--text);margin:4px 0 12px;font-family:Uthmanic Hafs,Nabi Quran,serif;font-size:clamp(1.4rem,4vw,1.95rem);line-height:1.6}.recognition-actions{gap:10px;width:100%;display:grid}.recognition-continue{min-height:48px;font-weight:560}.recognition-message-stage{text-align:left;padding-top:18px}.recognition-message-stage h3{margin:0 0 6px;font-size:1.25rem;font-weight:560}.quran-word[data-active-word=true]{background:var(--accent,#171819)!important}@supports (color:color-mix(in lab, red, red)){.quran-word[data-active-word=true]{background:color-mix(in srgb, var(--accent,#171819) 12%, transparent)!important}}.quran-word[data-active-word=true]{border-radius:6px;transition:background-color .16s,font-weight .16s;font-weight:600!important}.return-ayah-floating{z-index:45;pointer-events:none;justify-content:center;margin-bottom:12px;display:flex;position:sticky;top:64px}.return-to-ayah-button{pointer-events:auto;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 16px}@supports (color:color-mix(in lab, red, red)){.return-to-ayah-button{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.return-to-ayah-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text);cursor:pointer;font-size:.82rem;font-weight:560;transition:transform .14s,background-color .14s;box-shadow:0 4px 16px #00000014}.return-to-ayah-button:hover{background:var(--surface);transform:translateY(-1px)}.recognition-listening-button{align-items:center;gap:6px;padding:0 10px;display:inline-flex;background:var(--accent,#171819)!important}@supports (color:color-mix(in lab, red, red)){.recognition-listening-button{background:color-mix(in srgb, var(--accent,#171819) 10%, transparent)!important}}.recognition-listening-button{border-radius:999px;font-weight:540;color:var(--text)!important}.recognition-listening-button .listening-text{font-size:.78rem}.recognition-listening-button .stop-sq{opacity:.8;font-size:.65rem}@media (prefers-reduced-motion:reduce){.recognition-pulse-ring,.recognition-indeterminate-fill{animation:none!important}.quran-word[data-active-word=true]{transition:none!important}}.item-actions-trigger{flex:0 0 44px;min-width:44px;min-height:44px}.item-actions-menu{z-index:1600;border:1px solid var(--line);background:var(--surface-elevated);width:min(240px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text);border-radius:14px;padding:8px;position:fixed;overflow-y:auto;box-shadow:0 12px 40px #0002}.item-actions-menu>button{width:100%;min-height:44px;color:inherit;font:inherit;text-align:start;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.item-actions-menu>button svg{flex:0 0 18px}.item-actions-menu>button:is(:hover,:focus-visible){background:var(--text)}@supports (color:color-mix(in lab, red, red)){.item-actions-menu>button:is(:hover,:focus-visible){background:color-mix(in srgb, var(--text) 8%, transparent)}}.item-actions-menu>button:disabled{opacity:.45}.collection-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-block:12px;display:flex}.collection-toolbar>button{min-height:44px;padding-inline:14px}.reorder-handle{touch-action:none;cursor:grab;flex:0 0 44px}.reorder-handle:active{cursor:grabbing}.app:has(>.onboarding){isolation:isolate;box-sizing:border-box;color:#171717;background:#e9e9e7;width:100%;height:100svh;min-height:480px;position:relative;overflow:hidden;margin:0!important;padding:0!important}@supports (height:100dvh){.app:has(>.onboarding){height:100dvh}}.app:has(>.onboarding):before{content:none}.app:has(>.onboarding):after{content:none}.app:has(>.onboarding)>.onboarding{isolation:isolate;background:0 0;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.app:has(>.onboarding) .onboard-art{z-index:-1;pointer-events:none;width:100%;height:100%;min-height:0;margin:0;display:block;position:absolute;inset:0;overflow:hidden}.app:has(>.onboarding) .onboard-art img{object-fit:cover;object-position:center;opacity:1;filter:none;border:0;border-radius:0;width:100%;max-width:none;height:100%;min-height:0;display:block;position:absolute;inset:0;-webkit-mask-image:none;mask-image:none}.app:has(>.onboarding) .onboard-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#ebebe94d),linear-gradient(90deg,#ededeb45,#0000 70%);position:absolute;inset:0}:is(.app:has(>.onboarding) .onboard-masthead,.app:has(>.onboarding) .onboard-signin){z-index:2;top:max(26px, env(safe-area-inset-top));color:#191919;margin:0;font-size:.84rem;font-weight:570;line-height:1.3;position:absolute}.app:has(>.onboarding) .onboard-masthead{letter-spacing:-.02em;left:clamp(28px,5vw,88px)}.app:has(>.onboarding) .onboard-signin{min-height:44px;box-shadow:none;background:0 0;border:0;align-items:center;gap:8px;font-size:.84rem;font-weight:570;text-decoration:none;display:inline-flex;right:clamp(28px,5vw,88px);border-radius:0!important;width:auto!important;padding:0 4px!important}.app:has(>.onboarding) .onboard-signin span{font-size:1rem;font-weight:400}.app:has(>.onboarding) .onboard-copy{z-index:2;color:#171717;width:min(40vw,540px);max-width:calc(100% - 56px);margin:0;padding:0;animation:.21s ease-out both onboard-enter;position:absolute;bottom:clamp(132px,17vh,190px);left:clamp(28px,5vw,88px)}.app:has(>.onboarding) .onboard-copy .eyebrow{color:#535353;letter-spacing:.075em;text-transform:lowercase;margin:0 0 15px;font-size:.72rem;font-weight:500;line-height:1.3}.app:has(>.onboarding) .onboard-copy h1{letter-spacing:-.065em;color:#191919;text-wrap:balance;max-width:15ch;margin:0 0 14px;font-size:clamp(2.4rem,4.15vw,4.4rem);font-weight:560;line-height:1.015}.app:has(>.onboarding) .onboard-copy .onboard-description{color:#404040;letter-spacing:-.013em;width:min(100%,39ch);max-width:39ch;margin:0;font-size:clamp(.88rem,1vw,.99rem);font-weight:400;line-height:1.5}.app:has(>.onboarding) .onboard-copy p:not(.eyebrow){color:#404040;letter-spacing:-.013em;width:min(100%,39ch);max-width:39ch;margin:0;font-size:clamp(.88rem,1vw,.99rem);font-weight:400;line-height:1.5}.app:has(>.onboarding) .onboard-navigation{z-index:2;inset:auto clamp(28px, 5vw, 88px) max(32px, env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:20px;width:auto;max-width:none;min-height:48px;margin:0;padding:0;display:flex;position:absolute}.app:has(>.onboarding) .onboard-progress{align-items:center;gap:17px;min-width:0;display:flex}.app:has(>.onboarding) .onboard-folio{color:#262626;font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:.77rem;font-weight:520}.app:has(>.onboarding) .onboard-folio span{color:#818181;padding-inline:3px}.app:has(>.onboarding) .dots{align-items:center;gap:5px;margin:0;display:flex}.app:has(>.onboarding) .dot{opacity:.4;background:#9c9c9c;border-radius:50%;width:4px;height:4px;transition:width .18s,opacity .18s}.app:has(>.onboarding) .dot.active{opacity:.95;background:#262626;border-radius:3px;width:18px}.app:has(>.onboarding) .onboard-back{color:#343434;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;margin:0;padding:0 4px;font-size:.8rem;font-weight:450;display:inline-flex}.app:has(>.onboarding) .onboard-next{color:#181818;width:auto;min-width:124px;min-height:46px;box-shadow:none;-webkit-backdrop-filter:blur(9px);letter-spacing:-.02em;white-space:nowrap;background:#f5f5f38f;border:1px solid #1c1c1c4d;border-radius:999px;justify-content:center;align-items:center;gap:24px;margin:0;padding:11px 16px 11px 18px;font-size:.84rem;font-weight:550;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.app:has(>.onboarding) .onboard-next:hover{background:#fafaf8de;border-color:#1c1c1c80}.app:has(>.onboarding) .onboard-next:active{transform:scale(.98)}.app:has(>.onboarding) :is(.onboard-next,.onboard-signin,.onboard-back):focus-visible{outline-offset:4px;outline:2px solid #151515}@keyframes onboard-enter{0%{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.app:has(>.onboarding)>.onboarding{min-height:0}.app:has(>.onboarding) .onboard-art:after{background:linear-gradient(#f0f0ee14,#0000 36%,#ebebe859 76%,#ebebe89e)}:is(.app:has(>.onboarding) .onboard-masthead,.app:has(>.onboarding) .onboard-signin){top:max(22px, env(safe-area-inset-top));font-size:.79rem}.app:has(>.onboarding) .onboard-masthead{left:24px}.app:has(>.onboarding) .onboard-signin{right:24px}.app:has(>.onboarding) .onboard-copy{left:24px;bottom:max(112px, env(safe-area-inset-bottom) + 92px);width:calc(100% - 48px);max-width:440px}.app:has(>.onboarding) .onboard-copy .eyebrow{margin-bottom:11px;font-size:.71rem}.app:has(>.onboarding) .onboard-copy h1{letter-spacing:-.062em;max-width:14ch;margin-bottom:10px;font-size:clamp(2rem,8.2vw,2.72rem);font-weight:560;line-height:1.02}.app:has(>.onboarding) .onboard-copy p:not(.eyebrow){max-width:36ch;font-size:.88rem;line-height:1.45}.app:has(>.onboarding) .onboard-navigation{left:24px;right:24px;bottom:max(26px, env(safe-area-inset-bottom));gap:10px;min-height:44px}.app:has(>.onboarding) .onboard-progress{gap:11px}.app:has(>.onboarding) .onboard-folio{font-size:.72rem}.app:has(>.onboarding) .onboard-back{padding-inline:0;font-size:.75rem}.app:has(>.onboarding) .onboard-next{gap:12px;min-width:118px;min-height:46px;padding-inline:15px}}@media (max-height:690px){.app:has(>.onboarding) .onboard-copy{bottom:94px}.app:has(>.onboarding) .onboard-copy h1{font-size:clamp(1.85rem,5.7vh,3rem)}.app:has(>.onboarding) .onboard-copy .onboard-description{line-height:1.34}.app:has(>.onboarding) .onboard-navigation{bottom:max(15px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){:is(.app:has(>.onboarding) .onboard-copy,.app:has(>.onboarding) .dot,.app:has(>.onboarding) .onboard-next){transition:none;animation:none}}[data-reorder-row][data-reorder-dragging=true]{z-index:1;opacity:.78;position:relative}[data-reorder-row][data-reorder-target=true]{outline:2px solid var(--text)}@supports (color:color-mix(in lab, red, red)){[data-reorder-row][data-reorder-target=true]{outline:2px solid color-mix(in srgb, var(--text) 65%, transparent)}}[data-reorder-row][data-reorder-target=true]{outline-offset:-2px;border-radius:8px}.reorder-handle:focus-visible{outline:2px solid var(--text);outline-offset:2px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}