/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:host,:root{--font-serif:"Thmanyah Serif","Thmanyah",serif;--spacing:.25rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:.375rem;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Thmanyah",Arial,sans-serif;--default-mono-font-family:"Thmanyah",monospace}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--line);outline-color:var(--blue)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--blue) 50%,transparent)}}html{scroll-behavior:smooth}body,html{background-color:var(--bg)}body{color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Thmanyah,Arial,sans-serif}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:4px}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mx-auto{margin-inline:auto}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.max-w-6xl{max-width:var(--container-6xl)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--line)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--bg)}.bg-primary{background-color:var(--ink)}.bg-secondary{background-color:var(--mist)}.bg-clip-padding{background-clip:padding-box}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-primary{color:var(--ink)}.text-primary-foreground{color:var(--white)}.text-secondary-foreground{color:var(--ink)}.underline-offset-4{text-underline-offset:4px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}@media (hover:hover){.hover\:bg-muted:hover,.hover\:bg-secondary\/80:hover{background-color:var(--mist)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--mist) 80%,transparent)}}.hover\:text-foreground:hover{color:var(--ink)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--blue)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--blue)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--blue) 50%,transparent)}}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.aria-expanded\:bg-muted[aria-expanded=true],.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--mist)}.aria-expanded\:text-foreground[aria-expanded=true],.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--ink)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}@media (prefers-color-scheme:dark){@media (hover:hover){.dark\:hover\:bg-muted\/50:hover{background-color:var(--mist)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--mist) 50%,transparent)}}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}@media (hover:hover){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--ink) 80%,transparent)}}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Thmanyah;src:url(https://framerusercontent.com/assets/x6EBzvXf1Fi35XhsRoHxePDVo.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Thmanyah;src:url(https://framerusercontent.com/assets/LZvgFRUsP7pGWYj3tKxMUrKuhSY.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Thmanyah Serif;src:url(https://framerusercontent.com/assets/AAY5hsAWwWmVC7qlScZUGjzCgE8.woff2)format("woff2");font-weight:700;font-display:swap}:root{color-scheme:light;--bg:#f9f2e4;--white:#f9f2e4;--gray:#77574a;--mist:#ebd7be;--line:#d0ae92;--taupe:#a8836c;--radius:1.5rem}:root.dark{color-scheme:dark;--bg:#202224;--white:#292c2f;--ink:#f9f2e4;--gray:#c9c3ba;--mist:#33373a;--line:#50555a;--blue:#d0ae92;--cocoa:#ded6cb;--taupe:#a8836c}.dark body{background:radial-gradient(circle at 15% 10%,#50555a47 0,#0000 34%),radial-gradient(circle at 88% 28%,#d0ae921a,#0000 32%),linear-gradient(145deg,#202224,#292c2f 58%,#202224)}.dark .feature-list article,.dark .hadith-ledger article,.dark .library-heading label,.dark .live-console,.dark .quiz-card,.dark .site-header{background:#292c2fd1;border-color:#f9f2e424}.dark .hero-image:after{background:linear-gradient(180deg,#2022240a,#2022243d 72%,var(--bg)),linear-gradient(90deg,#20222429,transparent 80%)}.dark .eyebrow,.dark .hero-actions a{background:#292c2f75;border-color:#f9f2e429}.dark .brand span,.dark .hero-actions a:first-child,.dark .live-play,.dark .live-visual{background:var(--ink);color:var(--white)}.dark .hadith-cloud{background:linear-gradient(145deg,#292c2f,#33373a)}.dark .hadith-glass{background:#20222480;border-color:#f9f2e424}.dark .site-footer{color:#f9f2e4;background:#292c2f}.dark .hero-content .eyebrow{color:#f9f2e4}.dark .site-footer .made-by,.dark .site-footer .made-by span{color:#f9f2e4;opacity:1}.hero-title em,.hero-title span{transition:opacity .45s,transform .45s;display:inline-block}.hero-title:not(.is-visible) span{opacity:0;transform:translateY(-10px)}.hero-title:not(.is-visible) em{opacity:0;transform:translateY(10px)}.dark .about-editorial>div p,.dark .background-status,.dark .feature-list p,.dark .hadith-ledger p,.dark .hero-slider p,.dark .install-app p,.dark .live-info small,.dark .site-footer p{color:#d8d2ca}.dark .library-heading label,.dark .quiz-stage label,.dark .sleep-timer,.dark input,.dark select{color:#f9f2e4}.dark .install-app,.dark .library-heading label,.dark .sleep-timer{background:#292c2f;border-color:#50555a}.dark .install-app b,.dark .install-app button,.dark .install-icon{color:#f9f2e4}.dark .install-app button,.dark .install-icon{background:#3a3e42}.dark .quiz-copy p{color:#ddd7ce}.dark input::placeholder{color:#aaa49c;opacity:1}.site-shell{padding-bottom:2rem;overflow:hidden}.site-header{z-index:50;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffad;border:1px solid #ffffffb3;border-radius:22px;justify-content:space-between;height:64px;padding:0 1rem;position:fixed;top:.75rem;left:.75rem;right:.75rem;box-shadow:0 12px 40px #1f232614}.brand,.site-header{align-items:center;display:flex}.brand{font-family:var(--font-serif);gap:.6rem;font-size:1.1rem}.brand span{size:36px;background:var(--ink);color:var(--white);border-radius:12px;place-items:center;display:grid}.listen-button,.site-header nav{display:none}.header-actions{align-items:center;gap:.25rem;display:flex}.mobile-menu,.theme-toggle{size:44px;border-radius:14px;place-items:center;display:grid}.theme-toggle{color:var(--ink);background:0 0;border:0}.mobile-menu svg,.theme-toggle svg{width:20px}.mobile-menu{display:grid}.modern-hero{isolation:isolate;min-height:880px;padding:9rem 1.25rem 5rem;position:relative}.hero-image{z-index:-3;position:absolute;inset:0;overflow:hidden}.hero-image img{object-fit:cover;object-position:center;filter:grayscale()contrast(.88)}.hero-image:after{content:"";background:linear-gradient(180deg,#f8f8f694,#f8f8f6e6 72%,var(--bg)),linear-gradient(90deg,#f8f8f6f0,transparent 80%);position:absolute;inset:0}.hero-orb{z-index:-1;filter:blur(45px);opacity:.68;border-radius:50%;position:absolute}.orb-one{size:320px;background:#d8e3e5;top:18%;right:-15%}.orb-two{size:260px;background:#e8e0d5;bottom:22%;left:-15%}.floating-letter{z-index:-1;color:#17181b0e;font-family:var(--font-serif);font-size:18rem;line-height:1;animation:float 8s ease-in-out infinite;position:absolute}.letter-one{top:12%;left:-1rem}.letter-two{animation-delay:-4s;bottom:20%;right:-2rem}.hero-content{max-width:690px}.eyebrow{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff80;border:1px solid #17181b1f;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .8rem;font-size:.7rem;display:inline-flex}.eyebrow svg{width:14px}.hero-content h1{text-wrap:balance;font-family:var(--font-serif);letter-spacing:-.035em;margin-top:1.4rem;font-size:clamp(5rem,23vw,10rem);font-weight:700;line-height:.86}.hero-content h1 em{color:#0000;-webkit-text-stroke:1px var(--ink);font-style:normal}.hero-content>p:last-of-type{color:#4f5358;max-width:580px;margin-top:1.75rem;font-size:1.05rem;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.hero-actions a{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff7a;border:1px solid #17181b24;border-radius:999px;align-items:center;gap:.6rem;min-height:52px;padding:0 1.2rem;font-size:.76rem;font-weight:700;display:flex}.hero-actions a:first-child{background:var(--ink);color:var(--white)}.hero-actions svg{width:17px}.hero-note{align-items:center;gap:.7rem;display:flex;position:absolute;bottom:4rem;right:1.25rem}.hero-note span{background:var(--white);border-radius:999px;padding:.45rem .7rem;font-size:.6rem}.hero-note span:before{content:"";size:6px;background:#c74e4e;border-radius:50%;margin-left:.35rem;animation:pulse 1.5s infinite;display:inline-block}.hero-note p{font-family:var(--font-serif);font-size:.9rem;line-height:1.25}.radio-experience{padding:1rem 0 7rem;position:relative}.live-console{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffffad;border:1px solid #ffffffd9;border-radius:28px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;max-width:68rem;margin:-3rem 1rem 0;padding:1rem;display:grid;position:relative;box-shadow:0 30px 90px #1b1f2224}.live-visual{size:82px;background:var(--ink);color:var(--white);border-radius:21px;place-items:center;display:grid;position:relative;overflow:hidden}.live-visual>svg{width:24px}.on-air{font-size:.46rem;position:absolute;top:7px;right:7px}.on-air i{size:5px;background:#9a9a9a;border-radius:50%;display:inline-block}.on-air.active i{background:#ff6464;box-shadow:0 0 10px #ff6464}.sound-wave{opacity:.45;justify-content:center;align-items:end;gap:2px;height:16px;display:flex;position:absolute;bottom:8px;left:7px;right:7px}.sound-wave i{background:var(--white);width:2px;height:30%}.sound-wave.active i{animation:wave .8s ease-in-out infinite alternate}.sound-wave i:nth-child(3n){height:80%;animation-delay:-.5s}.sound-wave i:nth-child(2n){height:55%;animation-delay:-.25s}.live-info{min-width:0}.live-info small{color:var(--gray);font-size:.56rem}.live-info h2{font-family:var(--font-serif);text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:1.05rem;overflow:hidden}.live-info p{color:var(--gray);font-size:.62rem}.live-play{size:52px;background:var(--ink);color:var(--white);border-radius:50%;place-items:center;display:grid;box-shadow:0 12px 26px #17181b33}.live-play svg{width:19px}.back-live,.background-status,.volume-control{display:none}.library-heading{flex-direction:column;gap:1.5rem;max-width:72rem;margin:7rem auto 0;padding:0 1rem;display:flex}.library-heading>div{max-width:720px}.about-editorial span,.adhan-section article>span,.feature-journal header>span,.library-heading span,.quiz-copy>span,.section-heading>span{color:var(--blue);letter-spacing:.14em;font-size:.65rem;font-weight:700}.feature-journal h2,.library-heading h2,.section-heading h2{text-wrap:balance;font-family:var(--font-serif);margin-top:.7rem;font-size:clamp(3.2rem,12vw,6rem);font-weight:700;line-height:1}.feature-journal header p,.library-heading p,.section-heading p{max-width:620px;color:var(--gray);margin-top:1rem;line-height:1.8}.library-heading label{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffa3;border:1px solid #17181b1a;border-radius:999px;align-items:center;gap:.6rem;height:52px;padding:0 1rem;display:flex}.library-heading label svg{width:17px}.library-heading input{background:0 0;outline:none;flex:1;min-width:0;font-size:1rem}.cassette-desk{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1.1rem;margin-top:2.5rem;padding:2rem 1rem 5rem;display:flex;overflow-x:auto}.cassette-desk::-webkit-scrollbar{display:none}.modern-tape{scroll-snap-align:center;flex:none;width:75vw;max-width:270px;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:relative}.modern-tape:focus-within,.modern-tape:hover{z-index:4;transform:rotate(0)translateY(-12px)}.tape-cover{text-align:right;border:6px solid #fffc;border-radius:20px;width:100%;height:420px;position:relative;overflow:hidden;box-shadow:0 30px 55px #181b1d33}.tape-cover>img{object-fit:cover;filter:grayscale(.55)contrast(1.05);transition:transform .8s}.modern-tape:hover .tape-cover>img{transform:scale(1.05)}.tape-gradient{background:linear-gradient(#0000 30%,#14161814 48%,#141618f0 86%);position:absolute;inset:0}.tape-meta{z-index:2;color:var(--white);position:absolute;bottom:6.6rem;left:1.2rem;right:1.2rem}.tape-meta em,.tape-meta small,.tape-meta strong{display:block}.tape-meta small{opacity:.7;font-size:.55rem}.tape-meta strong{font-family:var(--font-serif);margin-top:.2rem;font-size:1.8rem;line-height:1.05}.tape-meta em{opacity:.65;font-size:.67rem;font-style:normal}.tape-reels{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff47;border-radius:999px;justify-content:space-between;align-items:center;height:58px;padding:.4rem .55rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.tape-reels i{size:40px;border:6px dotted #fffc;border-radius:50%}.is-playing .tape-reels i{animation:reel 1.8s linear infinite}.tape-reels b{border-block:1px solid #ffffff40;width:28%;height:14px}.tape-code{color:var(--white);letter-spacing:.1em;font-size:.5rem;position:absolute;top:1rem;left:1rem}.quick-play{z-index:3;size:50px;background:var(--white);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-1.2rem;right:1rem;box-shadow:0 10px 25px #17181b33}.quick-play svg{width:18px}.reader-drawer{z-index:70;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#f8f8f6e0;border:1px solid #fffc;border-radius:28px;max-height:72vh;padding:1rem;animation:drawer .4s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:.75rem;left:.75rem;right:.75rem;overflow-y:auto;box-shadow:0 30px 100px #1416184d}.reader-drawer header{justify-content:space-between;align-items:center;padding:.5rem;display:flex}.reader-drawer header small{color:var(--gray);font-size:.55rem}.reader-drawer h3{font-family:var(--font-serif);font-size:1.5rem}.reader-drawer header button{size:44px;place-items:center;display:grid}.reader-drawer>button{border-top:1px solid var(--line);text-align:right;grid-template-columns:32px 1fr auto;align-items:center;width:100%;min-height:54px;display:grid}.reader-drawer>button span{color:var(--gray);font-size:.6rem}.reader-drawer>button svg{width:15px}.rail-hint{color:var(--gray);justify-content:center;align-items:center;gap:.55rem;font-size:.62rem;display:flex}.rail-hint svg{width:14px}.hadith-cloud{isolation:isolate;background:linear-gradient(145deg,#dfe4e5,#f7f7f5 48%,#e7e2da);border-radius:32px;place-items:center;min-height:630px;margin:0 1rem;display:grid;position:relative;overflow:hidden}.hadith-cloud:before{content:"﷽";z-index:-1;color:#ffffff73;font-family:var(--font-serif);filter:blur(1px);font-size:22rem;position:absolute;transform:rotate(-8deg)}.hadith-glass{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;background:#ffffff6b;border:1px solid #ffffffb8;border-radius:30px;width:calc(100% - 2rem);max-width:790px;padding:3rem 1.5rem;transition:all 1s cubic-bezier(.2,.8,.2,1);transform:translateY(60px)scale(.95);box-shadow:0 30px 100px #252a2d1f}.is-visible .hadith-glass{opacity:1;transform:none}.hadith-glass>span{color:var(--blue);font-size:.65rem;font-weight:700}.hadith-glass p{font-family:var(--font-serif);margin:1.5rem auto;font-size:clamp(2.3rem,8vw,4.5rem);line-height:1.45;animation:hadith-in .9s both}.hadith-glass small{color:var(--gray)}.cloud-word{color:#17181b1a;font-family:var(--font-serif);opacity:0;font-size:clamp(2rem,8vw,5rem);position:absolute}.is-visible .cloud-word{animation:drift 8s ease-in-out infinite}.word-a{top:13%;right:6%}.word-b{bottom:14%;left:8%;animation-delay:-3s!important}.word-c{top:24%;left:6%;animation-delay:-5s!important}.about-editorial,.adhan-section,.editorial-hadith,.feature-journal,.quiz-section{max-width:72rem;margin:auto;padding:8rem 1rem}.about-editorial{gap:3rem;display:grid}.about-editorial>div p{max-width:320px;color:var(--gray);margin-top:1rem;font-size:.75rem;line-height:1.8}.about-editorial article{max-width:820px}.about-editorial h2,.adhan-section h2{font-family:var(--font-serif);font-size:clamp(3rem,9vw,6rem);font-weight:700;line-height:1.1}.about-editorial h2 em{color:#0000;-webkit-text-stroke:1px var(--ink);font-style:normal}.about-editorial article p,.adhan-section article p{max-width:650px;color:var(--gray);margin-top:1.5rem;line-height:2}.adhan-section{flex-direction:column;gap:3rem;display:flex}.adhan-mark{align-items:end;gap:.5rem;display:flex}.adhan-mark>span{color:var(--gray);font-size:.6rem;position:absolute}.adhan-mark b{color:#d9dcdb;font-family:var(--font-serif);font-size:10rem;line-height:.7}.adhan-mark small{font-size:.7rem}.adhan-section article small{color:var(--blue);margin-top:1rem;display:block}.quiz-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff9e;border:1px solid #fffc;border-radius:30px;overflow:hidden;box-shadow:0 28px 80px #17181b14}.quiz-copy{background:var(--ink);color:var(--white);padding:2rem}.quiz-copy h2{font-family:var(--font-serif);margin-top:.7rem;font-size:3rem}.quiz-copy p{color:#bfc3c5;margin-top:.7rem;line-height:1.8}.quiz-copy>b{margin-top:2rem;display:block}.quiz-stage{padding:2rem}.quiz-stage h3{font-family:var(--font-serif);font-size:1.6rem;line-height:1.5}.quiz-options{flex-direction:column;gap:.6rem;margin-top:1.5rem;display:flex}.quiz-options button{border:1px solid var(--line);text-align:right;border-radius:16px;justify-content:space-between;align-items:center;min-height:54px;padding:0 1rem;transition:all .25s;display:flex}.quiz-options button:not(:disabled):hover{background:var(--mist);transform:translate(-4px)}.quiz-options button.correct{background:#e8eeeb}.quiz-options button.wrong{background:#f2e8e7}.quiz-options svg{width:15px}.quiz-answer{margin-top:1rem}.quiz-answer small{color:var(--gray);display:block}.quiz-answer button{min-height:44px;margin-top:.5rem;font-weight:700}.section-heading{margin-bottom:2rem}.feature-list,.hadith-ledger{gap:.8rem;display:grid}.feature-list article,.hadith-ledger article{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff94;border:1px solid #fffc;border-radius:22px;padding:1.25rem;position:relative;box-shadow:0 15px 50px #17181b0f}.feature-list article>span,.hadith-ledger article>span{color:var(--gray);font-size:.6rem}.feature-list svg,.hadith-ledger svg{width:17px;color:var(--blue)}.hadith-ledger p{font-family:var(--font-serif);margin-top:.7rem;font-size:1.4rem;line-height:1.6}.feature-list p,.hadith-ledger small{color:var(--gray);font-size:.7rem}.feature-journal{gap:2rem;display:grid}.feature-list h3{font-family:var(--font-serif);margin-top:.5rem;font-size:1.2rem}.install-app{border:1px solid var(--line);background:var(--white);border-radius:24px;align-items:center;gap:.8rem;margin:0 1rem 1rem;padding:1rem;display:flex;box-shadow:0 18px 50px #17181b1a}.install-icon{size:48px;background:var(--ink);color:var(--white);border-radius:15px;flex:none;place-items:center;display:grid}.install-icon svg{width:21px}.install-app div{flex:1;min-width:0}.install-app b{font-family:var(--font-serif);font-size:1rem}.install-app p{color:var(--gray);margin-top:.15rem;font-size:.65rem;line-height:1.5}.install-app button{background:var(--ink);min-height:44px;color:var(--white);border-radius:999px;flex:none;padding:0 .85rem;font-size:.68rem;font-weight:700}.ios-install-hint{max-width:86px;color:var(--blue);align-items:center;gap:.25rem;font-size:.58rem;line-height:1.4;display:flex}.ios-install-hint svg{flex:none;width:16px}.site-footer{background:var(--ink);color:var(--white);border-radius:30px;flex-direction:column;gap:2rem;margin:0 1rem;padding:3rem 1.5rem;display:flex}.site-footer>div b{font-family:var(--font-serif);font-size:2rem}.site-footer p{color:#aeb2b4;margin-top:.5rem;font-size:.7rem}.site-footer nav{gap:1rem;font-size:.72rem;display:flex}.made-by span{color:var(--white);font-weight:700}@keyframes float{50%{transform:translateY(-22px)rotate(3deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes wave{to{height:100%}}@keyframes reel{to{transform:rotate(1turn)}}@keyframes drawer{0%{opacity:0;transform:translateY(60px)}}@keyframes hadith-in{0%{opacity:0;filter:blur(12px);transform:translateY(18px)}}@keyframes drift{0%,to{opacity:0;transform:translateY(18px)}30%,70%{opacity:1;transform:translateY(0)}}@media (min-width:768px){.install-app{display:none}.site-header{padding:0 1.4rem;left:2rem;right:2rem}.listen-button,.site-header nav{display:flex}.site-header nav{gap:1.5rem;font-size:.72rem}.listen-button{background:var(--ink);min-height:42px;color:var(--white);border-radius:999px;align-items:center;gap:.5rem;padding:0 1rem;font-size:.7rem}.listen-button svg{width:15px}.mobile-menu{display:none}.modern-hero{align-items:center;min-height:940px;padding-inline:max(3rem,50vw - 36rem);display:flex}.hero-note{bottom:6rem;left:max(3rem,50vw - 36rem);right:auto}.live-console{grid-template-columns:auto 1fr auto auto auto;margin:-4rem auto 0;padding:1.2rem 1.4rem}.live-visual{size:100px}.volume-control{align-items:center;gap:.5rem;display:flex}.volume-control svg{width:16px}.volume-control input{width:90px;accent-color:var(--ink)}.back-live{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.4rem;min-height:42px;padding:0 .8rem;font-size:.62rem;display:flex}.back-live svg{width:14px}.background-status{color:var(--gray);align-items:center;gap:.4rem;font-size:.56rem;display:flex;position:absolute;bottom:-1.7rem;left:1rem}.background-status svg{width:13px}.library-heading{flex-direction:row;justify-content:space-between;align-items:end}.library-heading label{width:300px}.cassette-desk{padding-inline:max(2rem,50vw - 36rem)}.reader-drawer{width:540px;left:auto;right:50%;transform:translate(50%)}.about-editorial{grid-template-columns:30% 1fr}.adhan-section{flex-direction:row;align-items:center;gap:7rem}.quiz-card{grid-template-columns:38% 1fr;display:grid}.quiz-copy,.quiz-stage{padding:3rem}.editorial-hadith{grid-template-columns:35% 1fr;gap:4rem;display:grid}.feature-journal{grid-template-columns:40% 1fr;gap:4rem}.site-footer{flex-direction:row;justify-content:space-between;align-items:end;max-width:72rem;margin-inline:auto}}@media (max-width:480px){.modern-hero{min-height:820px}.hero-content h1{font-size:5.4rem}.live-console{margin-top:-2rem}.live-visual{size:68px}.live-play{size:48px}.modern-tape{width:72vw}.tape-cover{height:400px}.hadith-cloud{min-height:570px}.site-shell{padding-bottom:1rem}}.cassette-desk{perspective:1200px;align-items:flex-start;gap:1.5rem;padding-block:3rem 6rem}.modern-tape{filter:drop-shadow(0 28px 24px #17181b26);transform-origin:bottom;width:86vw;max-width:340px}.tape-0{transform:rotate(-4deg)translateY(12px)}.tape-1{transform:rotate(3deg)translateY(-4px)}.tape-2{transform:rotate(-2deg)translateY(18px)}.tape-3{transform:rotate(4deg)translateY(4px)}.modern-tape:focus-within,.modern-tape:hover{transform:rotate(0)translateY(-14px)scale(1.025)}.tape-cover{border:9px solid var(--ink);border-radius:18px;height:248px;box-shadow:inset 0 0 0 2px #ffffff2e,0 25px 60px #17181b2e}.tape-cover:after,.tape-cover:before{content:"";z-index:5;size:6px;background:var(--gray);box-shadow:0 210px 0 var(--gray);border-radius:50%;position:absolute;top:10px}.tape-cover:before{right:10px}.tape-cover:after{left:10px}.tape-cover>img{object-position:center 18%;filter:grayscale(.18)contrast(1.02);width:47%!important;left:auto!important;right:0!important}.tape-meta{z-index:3;color:var(--ink);text-align:right;inset:25px 51% auto 1rem}.tape-meta:before{content:"القرآن الكريم";color:var(--blue);letter-spacing:.08em;margin-bottom:.6rem;font-size:.5rem;font-weight:700;display:block}.tape-meta small{color:var(--gray);font-size:.5rem}.tape-meta strong{margin-top:.3rem;font-size:1.45rem;line-height:1.08}.tape-meta em{color:var(--gray);margin-top:.25rem;font-size:.58rem}.tape-window{z-index:4;border:2px solid var(--ink);background:var(--white);border-radius:8px;height:67px;position:absolute;bottom:28px;left:14px;right:48%;transform:skew(-4deg)}.tape-reels{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;height:100%;padding:.45rem .65rem;position:static}.tape-reels i{size:43px;border:7px dotted var(--ink)}.tape-reels b{border-color:var(--line);width:22%}.tape-code{z-index:5;color:var(--gray);font-size:.46rem;bottom:8px;left:20px;right:auto}.quick-play{z-index:7;border:4px solid var(--bg);bottom:-22px;left:12px;right:auto;box-shadow:0 12px 28px #17181b38}.tasbeeh-orb{z-index:45;size:112px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffb8;border:1px solid #ffffffbf;border-radius:50%;place-items:center;transition:transform .35s;display:grid;position:fixed;bottom:18px;right:14px;box-shadow:0 18px 55px #17181b29}.tasbeeh-orb:hover{transform:translateY(-5px)}.tasbeeh-rings,.tasbeeh-rings i{pointer-events:none;border:1px solid #345d7024;border-radius:50%;position:absolute;inset:0}.tasbeeh-rings i:first-child{animation:dhikr-ring 3.4s ease-out infinite}.tasbeeh-rings i:nth-child(2){animation:dhikr-ring 3.4s ease-out 1.1s infinite}.tasbeeh-rings i:nth-child(3){animation:dhikr-ring 3.4s ease-out 2.2s infinite}.tasbeeh-count{z-index:2;size:88px;background:var(--ink);color:var(--white);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.tasbeeh-count small{color:#c9d6da;letter-spacing:.16em;font-size:.48rem}.tasbeeh-count b{font-family:var(--font-serif);font-size:1.65rem;line-height:1.1;animation:count-pop .3s}.tasbeeh-count span{color:#bec3c5;width:68px;font-size:.38rem;line-height:1.35}.tasbeeh-reset{z-index:3;size:32px;border:1px solid var(--line);background:var(--white);border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;left:-4px;box-shadow:0 6px 14px #17181b1f}.tasbeeh-reset svg{width:12px}@keyframes dhikr-ring{0%{opacity:.65;transform:scale(.72)}80%,to{opacity:0;transform:scale(1.5)}}@keyframes count-pop{50%{transform:scale(1.18)}}@media (min-width:768px){.tasbeeh-orb{size:126px;bottom:28px;right:28px}.tasbeeh-count{size:98px}.modern-tape{max-width:370px}.tape-cover{height:270px}.tape-cover:after,.tape-cover:before{box-shadow:0 232px 0 var(--gray)}}@media (max-width:480px){.tasbeeh-orb{size:100px;bottom:12px;right:12px}.tasbeeh-count{size:78px}.tasbeeh-count span{width:60px}.modern-tape{width:84vw}.tape-cover{height:235px}.tape-cover:after,.tape-cover:before{box-shadow:0 197px 0 var(--gray)}}.tape-portrait{background:var(--mist);isolation:isolate;width:49%;position:absolute;inset:0 auto 0 0;overflow:hidden}.tape-portrait img{object-fit:cover;filter:grayscale(.08)contrast(1.04)saturate(.82);transition:filter .5s,transform .8s cubic-bezier(.2,.8,.2,1)}.tape-portrait:after{content:"";mix-blend-mode:multiply;background:linear-gradient(100deg,#0000 52%,#fff3),linear-gradient(#0000 55%,#17181b2e);position:absolute;inset:0}.tape-portrait i{z-index:2;border:1px solid #ffffff8c;border-radius:8px;position:absolute;inset:9px;box-shadow:inset 0 0 24px #ffffff1f}.modern-tape.is-playing .tape-meta:before{color:var(--blue)}.tasbeeh-orb{background:conic-gradient(var(--blue) var(--tasbeeh-progress),#ffffffb3 0);padding:3px;box-shadow:0 20px 65px #25373233,inset 0 0 0 1px #ffffffa6}.tasbeeh-count{background:linear-gradient(145deg,#25312e,var(--ink));box-shadow:inset 0 1px #ffffff1f,0 8px 22px #17181b33}.tasbeeh-count small{color:#d5e0dc;letter-spacing:.05em;max-width:68px;line-height:1.25}.tasbeeh-count span{color:#b9c8c3}.tasbeeh-beads{pointer-events:none;position:absolute;inset:0}.tasbeeh-beads i{background:var(--blue);transform-origin:0 53px;border-radius:999px;width:4px;height:8px;position:absolute;top:3px;left:50%}.tasbeeh-beads i:first-child{transform:rotate(0)}.tasbeeh-beads i:nth-child(2){transform:rotate(30deg)}.tasbeeh-beads i:nth-child(3){transform:rotate(60deg)}.tasbeeh-beads i:nth-child(4){transform:rotate(90deg)}.tasbeeh-beads i:nth-child(5){transform:rotate(120deg)}.tasbeeh-beads i:nth-child(6){transform:rotate(150deg)}.tasbeeh-beads i:nth-child(7){transform:rotate(180deg)}.tasbeeh-beads i:nth-child(8){transform:rotate(210deg)}.tasbeeh-beads i:nth-child(9){transform:rotate(240deg)}.tasbeeh-beads i:nth-child(10){transform:rotate(270deg)}.tasbeeh-beads i:nth-child(11){transform:rotate(300deg)}.tasbeeh-beads i:nth-child(12){transform:rotate(330deg)}.tasbeeh-orb:active{transform:scale(.96)}.tape-portrait{background:0 0;width:56%;-webkit-mask-image:linear-gradient(90deg,#000 72%,#0000);mask-image:linear-gradient(90deg,#000 72%,#0000)}.tape-portrait:after{background:linear-gradient(90deg,transparent 58%,var(--white) 100%),linear-gradient(0deg,#4a3a3433,transparent 52%);mix-blend-mode:normal}.tape-portrait i{display:none}.modern-tape:focus-within .tape-portrait img,.modern-tape:hover .tape-portrait img{filter:contrast(1.06)saturate(.95);transform:scale(1.09)translateY(-1%)}.visual-meditation{background:linear-gradient(180deg,var(--bg),var(--mist) 48%,var(--bg));isolation:isolate;min-height:940px;margin:3rem 0 1rem;position:relative;overflow:hidden}.visual-scene{filter:saturate(.62)sepia(.15);will-change:transform;position:absolute;overflow:hidden}.visual-scene img{object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.8,.2,1);-webkit-mask-image:radial-gradient(#000 35%,#0000 76%);mask-image:radial-gradient(#000 35%,#0000 76%)}.scene-courtyard{width:92%;height:52%;animation:scene-float 12s ease-in-out infinite;top:2rem;right:-18%}.scene-night{opacity:.7;width:58%;height:55%;animation:scene-float 15s ease-in-out -4s infinite reverse;bottom:2%;right:-4%}.scene-minaret{opacity:.66;width:48%;height:45%;animation:scene-float 13s ease-in-out -7s infinite;bottom:9%;left:-12%}.scene-courtyard img{object-position:center 72%}.visual-words{z-index:4;text-align:center;isolation:isolate;max-width:42rem;margin:auto;padding:20rem 1.25rem 0;position:relative}.visual-words:before{content:"";z-index:-1;background:radial-gradient(ellipse,var(--bg) 0,#f9f2e4e0 48%,transparent 76%);filter:blur(18px);position:absolute;inset:16rem -1rem -4rem}.visual-words span{color:var(--cocoa);letter-spacing:.15em;font-size:.63rem;font-weight:700}.visual-words h2{color:var(--ink);font-family:var(--font-serif);text-wrap:balance;margin-top:1rem;font-size:clamp(3rem,12vw,7rem);line-height:.98}.visual-words h2 em{color:var(--taupe);font-style:normal}.visual-words p{max-width:30rem;color:var(--cocoa);margin:1.5rem auto 0;font-size:.82rem;line-height:2}.quran-veil{opacity:.13;filter:blur(1.5px);mix-blend-mode:multiply;width:64%;height:38%;position:absolute;bottom:-9%;right:18%;transform:rotate(-5deg)}.quran-veil img{object-fit:cover;-webkit-mask-image:linear-gradient(#0000 10%,#000);mask-image:linear-gradient(#0000 10%,#000)}@keyframes scene-float{0%,to{transform:translate(0)scale(1)}50%{transform:translateY(-16px)scale(1.025)}}@media (min-width:768px){.visual-meditation{min-height:1080px}.scene-courtyard{width:58%;height:65%;right:3%}.scene-night{width:38%;height:62%;left:2%;right:auto}.scene-minaret{width:27%;height:54%;bottom:-4%;left:27%}.visual-words{text-align:right;padding-top:24rem}.visual-words p{margin-right:0}.quran-veil{width:34%;right:35%}}:root{--bg:#fcf7ed;--white:#fffaf1;--ink:#4a3a34;--gray:#80685d;--mist:#f1e2cf;--line:#dbc2ab;--blue:#a8836c;--cocoa:#77574a;--taupe:#b8957d}body{background:radial-gradient(circle at 15% 9%,#fffdf8 0,#0000 38%),radial-gradient(circle at 90% 30%,#d0ae9233,#0000 34%),linear-gradient(145deg,#fffaf1,#f5e8d7 55%,#fcf7ed)}.hero-slider{max-width:610px;height:7.6rem;margin-top:1.75rem;position:relative;overflow:hidden}.hero-slider p{opacity:0;filter:blur(8px);align-items:flex-start;animation:hero-message 15s ease-in-out infinite;display:flex;position:absolute;inset:0;transform:translateY(24px);color:var(--cocoa)!important;margin:0!important;font-size:1.08rem!important;line-height:2.05!important}.hero-slider p:nth-child(2){animation-delay:5s}.hero-slider p:nth-child(3){animation-delay:10s}@keyframes hero-message{0%,to{opacity:0;filter:blur(8px);transform:translateY(24px)}27%,8%{opacity:1;filter:blur();transform:none}34%{opacity:0;filter:blur(5px);transform:translateY(-20px)}}.sleep-timer{border:1px solid var(--line);min-height:42px;color:var(--cocoa);background:#fffaf1b8;border-radius:999px;align-items:center;gap:.45rem;padding:0 .75rem;display:flex;position:relative}.sleep-timer svg{width:15px}.sleep-timer select{appearance:none;max-width:98px;color:inherit;background:0 0;outline:none;padding-inline-end:.3rem;font-size:.65rem;font-weight:700}.sleep-timer option{background:var(--white)}.timer-left{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.58rem}.library-heading p{font-size:.95rem;line-height:2}.tape-cover{background:var(--ink);border:0;border-radius:24px;height:390px;box-shadow:0 32px 70px #4a3a3433}.tape-cover:after,.tape-cover:before{display:none}.tape-portrait{width:100%;inset:0;-webkit-mask-image:none;mask-image:none}.tape-portrait img{object-position:center 14%;filter:contrast(1.03)saturate(.78);transform:scale(1.02)}.tape-portrait:after{background:linear-gradient(#0000 28%,#4a3a341f 50%,#2a1f1bf2 91%)}.tape-gradient{z-index:1;background:linear-gradient(#0000 35%,#2c201c1f 54%,#2a1f1bf5)}.tape-meta{color:#fffaf1;text-shadow:0 2px 20px #00000052;inset:auto 1.3rem 7.8rem}.tape-meta:before{color:#ebd7be}.tape-meta em,.tape-meta small{color:#f1e2cf}.tape-meta strong{font-size:2rem}.tape-window{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf11f;border:1px solid #fffaf161;height:65px;bottom:1rem;left:1.1rem;right:1.1rem}.tape-reels i{border-color:#fffaf1}.tape-reels b{border-color:#fffaf159}.tape-code{color:#fffaf1}.modern-tape.is-playing .tape-portrait{box-shadow:inset 0 0 0 3px var(--taupe)}@media (min-width:768px){.sleep-timer{display:flex}.tape-cover{height:430px}.modern-tape{max-width:350px}}@media (max-width:480px){.hero-slider{height:8.8rem}.tape-cover{height:375px}.sleep-timer{grid-column:1/-1;justify-self:start}.live-console{grid-template-columns:auto 1fr auto}}.hero-image{-webkit-mask-image:linear-gradient(#0000,#000 14% 56%,#0000 97%);mask-image:linear-gradient(#0000,#000 14% 56%,#0000 97%)}.hero-image img{filter:saturate(.92)contrast(1.02)brightness(1.04);object-position:50% 28%;transform-origin:50% 35%;animation:hero-drift 32s ease-in-out infinite alternate}.hero-image:before{content:"";z-index:1;-webkit-backdrop-filter:blur(9px);height:48%;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000 85%);mask-image:linear-gradient(#0000,#000 85%)}.hero-image:after{z-index:2;background:linear-gradient(180deg,#f9f2e433 0,#f9f2e475 42%,#f9f2e4e6 76%,var(--bg) 100%),linear-gradient(270deg,#f9f2e4bd 0,#f9f2e447 62%,transparent 100%)}.orb-one{background:#d0ae92}.orb-two{background:#ebd7be}@keyframes hero-drift{0%{transform:scale(1.03)translate(0)}to{transform:scale(1.13)translate(-1.2%,-1.8%)}}@media (min-width:768px){.hero-image{width:66%;inset:0 auto 0 0;-webkit-mask-image:linear-gradient(90deg,#000 0 52%,#0000 100%),linear-gradient(#0000,#000 16% 60%,#0000 97%);mask-image:linear-gradient(90deg,#000 0 52%,#0000 100%),linear-gradient(#0000,#000 16% 60%,#0000 97%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-image img{object-position:50% 34%}.hero-image:after{background:linear-gradient(180deg,#f9f2e41f 0,#f9f2e44d 50%,#f9f2e4d1 82%,var(--bg) 100%),linear-gradient(270deg,var(--bg) 0,#f9f2e44d 48%,transparent 100%)}}@media (prefers-reduced-motion:reduce){.hero-image img{animation:none}*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-slider p:first-child{opacity:1;filter:none;transform:none}}@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-font-weight{syntax:"*";inherits:false}@property --tw-outline-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-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(1turn)}}