@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Kufi Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-kufi-arabic-arabic-wght-normal-DGgC7XND.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Kufi Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-kufi-arabic-math-wght-normal-DQBQnv-a.woff2) format("woff2-variations");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Noto Kufi Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-kufi-arabic-symbols-wght-normal-DD5BxwiP.woff2) format("woff2-variations");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Noto Kufi Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-kufi-arabic-latin-ext-wght-normal-BD7-f0yw.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Kufi Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-kufi-arabic-latin-wght-normal-BFPo14U7.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #17214b;--ink-deep: #101735;--ink-soft: #3d496f;--mist: #f3f6fb;--paper: #ffffff;--line: #dce3ee;--copper: #c78652;--copper-soft: #e6b68f;--blue-wash: #e8eef8;--shadow: 0 24px 70px rgba(29, 42, 82, .12);font-family:Manrope Variable,system-ui,sans-serif;color:var(--ink);background:var(--mist);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:var(--mist);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 76% -20%,rgba(152,174,211,.26),transparent 34rem),var(--mist)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(199,134,82,.55);outline-offset:3px}select:focus-visible{outline:3px solid rgba(199,134,82,.55);outline-offset:3px}.app-shell{min-height:100vh;padding-bottom:108px}.site-header{width:min(1180px,calc(100% - 48px));height:88px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{justify-self:start;display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:760;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--ink)}.brand-mark svg{width:25px;fill:var(--mist)}.brand-mark circle{fill:var(--copper-soft)}.site-nav{display:flex;align-items:center;gap:4px;padding:4px;background:#ffffffa8;border:1px solid rgba(220,227,238,.78);border-radius:999px;box-shadow:0 5px 20px #2630550a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-nav a{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;color:#6c7694;font-size:12px;font-weight:680}.site-nav a.active{background:var(--ink);color:#fff}.install-button,.header-status{justify-self:end;display:inline-flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:11px;font-weight:700;letter-spacing:.02em}.install-button{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#ffffffb3;cursor:pointer}.header-status span{width:7px;height:7px;border-radius:50%;background:#55a77b;box-shadow:0 0 0 4px #55a77b1f}.page{width:min(1120px,calc(100% - 48px));margin:0 auto}.intro{min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:36px 0 40px}.eyebrow{display:inline-block;color:#707b9c;font-size:10px;font-weight:780;letter-spacing:.15em;text-transform:uppercase}.eyebrow--light{color:#f4f7ff94}.intro h2{margin:14px 0 0;max-width:690px;font-size:clamp(33px,4.3vw,57px);line-height:1.06;font-weight:540;letter-spacing:-.055em}.archive-note{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:15px 18px;border-left:1px solid var(--line);color:#7a849f;font-size:11px;line-height:1.7}.archive-note svg{color:var(--copper)}.archive-note strong{color:var(--ink);font-size:12px}.catalog-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.42fr);gap:12px;margin:-14px 0 24px;padding:12px;border:1px solid rgba(220,227,238,.9);border-radius:18px;background:#ffffff9e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.catalog-picker label{min-width:0}.catalog-picker label>span{display:block;margin:0 0 6px 4px;color:#7d87a1;font-size:9px;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.catalog-picker select{width:100%;height:46px;padding:0 40px 0 13px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff;cursor:pointer}.now-card,.focus-player{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 77% 0%,rgba(126,148,204,.22),transparent 29rem),linear-gradient(135deg,#121a3d,#1a2755 64%,#17214b);box-shadow:var(--shadow)}.now-card{border-radius:28px;padding:clamp(27px,4vw,48px)}.now-card:after,.focus-player:after{content:"";position:absolute;inset:auto -8% -42% auto;width:360px;aspect-ratio:1;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 48px #ffffff05,0 0 0 100px #ffffff03;pointer-events:none}.now-card--loading{min-height:380px;animation:pulse 1.4s ease-in-out infinite alternate}.now-card__header,.focus-player__topline{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.now-card h1{margin:8px 0 0;font-size:clamp(32px,4vw,48px);line-height:1;font-weight:560;letter-spacing:-.05em}.open-player{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#ffffffb8;font-size:11px;font-weight:680;transition:background .16s ease,color .16s ease}.open-player:hover{background:#ffffff14;color:#fff}.verse-ribbon{position:relative;z-index:1;width:100%;overflow:hidden;margin:0;min-height:0}.verse-ribbon__text{width:100%;margin:0;padding:0;color:#f9fbff;font-family:Noto Kufi Arabic Variable,Noto Kufi Arabic,serif;font-size:clamp(24px,3.2vw,42px);font-weight:420;line-height:1.55;text-shadow:0 1px 0 rgba(0,0,0,.15)}.verse-ribbon--compact{width:min(280px,28vw);min-height:28px;margin:1px 0 0}.verse-ribbon--compact .verse-ribbon__text{overflow:hidden;color:#27335c;font-size:13px;line-height:1.8;text-overflow:ellipsis;white-space:nowrap}.verse-stream{--stream-edge: #151f48;position:relative;z-index:2;height:clamp(260px,33vw,350px);overflow:hidden auto;margin:28px -12px 30px;padding:0 12px;scroll-behavior:smooth;scrollbar-color:rgba(230,182,143,.5) transparent;scrollbar-width:thin;-webkit-mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent)}.verse-stream::-webkit-scrollbar{width:4px}.verse-stream::-webkit-scrollbar-track{background:transparent}.verse-stream::-webkit-scrollbar-thumb{border-radius:99px;background:#e6b68f6b}.verse-stream__spacer{height:34%}.verse-stream__verse{--verse-progress: 0%;position:relative;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr);gap:18px;align-items:start;padding:22px 20px;border:0;border-radius:18px;color:#ffffff52;background:transparent;cursor:pointer;text-align:right;transition:color .22s ease,background .22s ease,opacity .22s ease}.verse-stream__verse:before{content:"";position:absolute;top:16px;bottom:16px;left:0;width:2px;border-radius:99px;background:linear-gradient(to bottom,var(--copper-soft) var(--verse-progress),rgba(255,255,255,.1) var(--verse-progress));opacity:0}.verse-stream__verse:hover{color:#ffffff9e;background:#ffffff06}.verse-stream__verse--active{color:#fff;background:#ffffff0e}.verse-stream__verse--active:before{opacity:1}.verse-stream__number{width:34px;height:34px;display:grid;place-items:center;margin-top:4px;border:1px solid currentColor;border-radius:50%;font-size:9px;font-weight:760;font-variant-numeric:tabular-nums}.verse-stream__copy{min-width:0}.verse-stream__arabic{display:block;font-family:Noto Kufi Arabic Variable,Noto Kufi Arabic,serif;font-size:clamp(22px,3vw,38px);font-weight:420;line-height:2}.verse-stream__word{display:inline-block;margin-inline:.09em;padding:.01em .09em .08em;border-radius:.28em;transition:color .18s ease,background .18s ease,opacity .18s ease,box-shadow .18s ease}.verse-stream__word--past{color:#ffffff6b}.verse-stream__word--active{color:var(--ink-deep);background:var(--copper-soft);box-shadow:0 .1em .4em #02071933}.verse-stream__verse:not(.verse-stream__verse--active) .verse-stream__arabic{max-height:4em;overflow:hidden}.verse-stream__verse:not(.verse-stream__verse--active) .verse-stream__translation{display:none}.verse-stream__follow{display:block;margin-top:7px;color:#e6b68fb3;font-size:8px;font-weight:720;letter-spacing:.04em;text-align:right}.verse-stream__translation{display:block;max-width:760px;margin:10px 0 0 auto;color:#ffffff85;font-size:11px;line-height:1.7;text-align:left}.verse-stream--roomy{height:clamp(390px,53vh,540px);margin-top:12px;margin-bottom:24px}.verse-stream--roomy .verse-stream__spacer{height:40%}.verse-stream--roomy .verse-stream__verse{padding-top:28px;padding-bottom:28px}.verse-stream--roomy .verse-stream__arabic{font-size:clamp(27px,3.8vw,49px);line-height:2.05}.now-card__meta{position:relative;z-index:1;display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffff8f;font-size:11px;font-weight:650}.now-card__translation,.focus-player__translation{position:relative;z-index:2;max-width:760px;display:-webkit-box;overflow:hidden;margin:-8px 0 22px;color:#ffffffa3;font-size:12px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}.player-controls{position:relative;z-index:3}.now-card .player-controls{padding-top:26px}.player-controls__timeline{display:grid;grid-template-columns:34px 1fr 40px;align-items:center;gap:12px;color:#ffffff7a;font-variant-numeric:tabular-nums;font-size:9px;font-weight:700}.range{--range-progress: 0%;width:100%;height:4px;margin:0;border-radius:99px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--copper-soft) var(--range-progress),rgba(255,255,255,.14) var(--range-progress));cursor:pointer}.range::-webkit-slider-thumb{width:12px;height:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid white;border-radius:50%;background:var(--copper);box-shadow:0 2px 9px #0003}.range::-moz-range-thumb{width:8px;height:8px;border:3px solid white;border-radius:50%;background:var(--copper)}.player-controls__actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:17px}.skip-button{position:relative;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;color:#ffffffc7;background:transparent;cursor:pointer}.skip-button span{position:absolute;top:15px;font-size:8px;font-weight:800;font-variant-numeric:tabular-nums}.skip-button:hover,.icon-button--quiet:hover{background:#ffffff12}.icon-button,.play-button{display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer}.icon-button--quiet{width:40px;height:40px;color:inherit;background:transparent}.now-card .icon-button--quiet,.focus-player .icon-button--quiet{color:#ffffffc2}.play-button{width:52px;height:52px;color:var(--ink);background:#fff;box-shadow:0 10px 25px #0307183d;transition:transform .15s ease}.play-button:hover{transform:scale(1.04)}.play-button svg{margin-left:1px}.volume-control{position:absolute;right:0;display:flex;align-items:center;gap:9px;width:112px;color:#ffffff8c}.range--volume{height:3px}.range--volume::-webkit-slider-thumb{width:9px;height:9px;border-width:2px}.library-section,.up-next{padding:72px 0 60px}.library-section--following{padding-top:16px}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chapter-card{min-height:120px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#ffffffb8;box-shadow:0 10px 35px #1f2b510a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.chapter-card:hover{transform:translateY(-2px);border-color:#c6cfdf;box-shadow:0 16px 40px #1f2b5114}.chapter-card__number{width:46px;height:46px;display:grid;place-items:center;border:1px solid #cfd7e5;border-radius:15px;color:#687594;background:#f8faff;font-size:11px;font-weight:770;font-variant-numeric:tabular-nums}.chapter-card__copy{min-width:0}.chapter-card__copy strong{display:block;margin-top:6px;font-size:19px;font-weight:620;letter-spacing:-.025em}.chapter-card__copy small{display:block;margin-top:6px;color:#7d87a1;font-size:10px}.chapter-card>svg{color:#929cb3}.page--chapter{padding-top:34px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#6f7a98;font-size:11px;font-weight:720}.chapter-hero{min-height:230px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:18px;padding:clamp(28px,5vw,52px);border-radius:28px;color:#fff;background:radial-gradient(circle at 82% 0%,rgba(230,182,143,.16),transparent 20rem),linear-gradient(135deg,#121a3d,#1a2755 64%,#17214b);box-shadow:var(--shadow)}.chapter-hero__mark{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:20px;color:var(--copper-soft);background:#ffffff0f}.chapter-hero h1{margin:10px 0 0;font-size:clamp(34px,5vw,56px);font-weight:540;letter-spacing:-.055em}.chapter-hero p{margin:10px 0 0;color:#ffffff8c;font-size:11px}.chapter-play{min-height:44px;display:inline-flex;align-items:center;gap:9px;padding:0 17px;border:0;border-radius:999px;color:var(--ink);background:#fff;cursor:pointer;font-size:10px;font-weight:760}.library-section--chapter{padding-top:58px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0 4px 20px}.section-heading h3{margin:7px 0 0;font-size:28px;line-height:1;font-weight:590;letter-spacing:-.04em}.section-heading p{margin:0;color:#7d87a1;font-size:11px;font-weight:650}.ayah-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.ayah-row{border-bottom:1px solid var(--line)}.ayah-row__button{width:100%;min-height:86px;display:grid;grid-template-columns:34px 34px minmax(0,1fr) 50px;align-items:center;gap:15px;padding:15px 14px 15px 5px;border:0;color:inherit;background:transparent;cursor:pointer;text-align:left;transition:background .16s ease,padding .16s ease}.ayah-row__button:hover{padding-left:12px;background:#ffffff9e}.ayah-row--active .ayah-row__button{color:var(--ink);background:var(--paper);box-shadow:0 8px 30px #1f2b510f}.ayah-row__number{color:#8992aa;font-size:10px;font-weight:760;font-variant-numeric:tabular-nums;text-align:right}.ayah-row__play{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:#ffffff80}.ayah-row--active .ayah-row__play{color:#fff;border-color:var(--ink);background:var(--ink)}.ayah-row__arabic{display:block;overflow:hidden;color:#27335c;font-family:Noto Kufi Arabic Variable,serif;font-size:clamp(15px,1.7vw,20px);font-weight:430;line-height:1.8;text-align:right;text-overflow:ellipsis;white-space:nowrap}.ayah-row__copy{min-width:0;overflow:hidden}.ayah-row__translation{display:block;overflow:hidden;margin-top:2px;color:#7a849f;font-size:10px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.ayah-row__duration{color:#8c95aa;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.library-status{padding:55px 8px;color:#7e88a1;font-size:13px;text-align:center}.library-status--error{color:#9b4a51}.page--focus{padding-top:30px}.focus-player{min-height:720px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(26px,5vw,58px);border-radius:32px}.focus-player__topline{color:#ffffff94;font-size:11px;font-weight:700}.focus-player__number{position:absolute;top:-.14em;right:.03em;color:#ffffff07;font-size:clamp(220px,35vw,470px);font-weight:770;line-height:1;letter-spacing:-.09em;pointer-events:none}.focus-player .player-controls{padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.auth-page,.studio-page{min-height:100vh;background:var(--mist)}.auth-page{display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 70% 10%,rgba(162,181,216,.3),transparent 30rem),var(--mist)}.auth-card{width:min(430px,100%);padding:clamp(28px,6vw,46px);border:1px solid rgba(220,227,238,.9);border-radius:28px;background:#ffffffe6;box-shadow:var(--shadow)}.auth-brand{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:760}.auth-card__heading{margin:58px 0 30px}.auth-card h1,.studio-title h1{margin:9px 0 0;font-size:clamp(35px,5vw,52px);font-weight:550;letter-spacing:-.055em}.auth-form{display:grid;gap:18px}.auth-form label{color:var(--ink-soft);font-size:11px;font-weight:700}.auth-form input{width:100%;height:50px;margin-top:7px;padding:0 14px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff}.primary-button,.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:12px;cursor:pointer;font-size:11px;font-weight:760}.primary-button{padding:0 17px;border:0;color:#fff;background:var(--ink)}.primary-button:disabled{cursor:wait;opacity:.58}.primary-button--wide{width:100%;margin-top:14px}.quiet-button{padding:0 14px;border:1px solid var(--line);color:var(--ink-soft);background:#fff}.form-error{margin:0;color:#a83e48;font-size:11px;line-height:1.5}.form-error--panel{margin-top:14px;padding:13px;border:1px solid #f0cbd0;border-radius:10px;background:#fff4f5}.form-notice{display:flex;align-items:center;gap:8px;margin:14px 0 0;padding:13px;border-radius:10px;color:#27664a;background:#eaf7f0;font-size:11px;font-weight:700}.studio-page{padding:0 28px 70px}.studio-header{width:min(1220px,100%);height:86px;display:flex;align-items:center;justify-content:space-between;margin:auto}.studio-grid{width:min(1160px,100%);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:24px;margin:38px auto 0}.studio-main,.version-panel{border:1px solid var(--line);border-radius:25px;background:#ffffffe0}.studio-main{padding:clamp(24px,4vw,44px)}.studio-title{margin-bottom:34px}.studio-title h1{font-size:clamp(32px,4vw,46px)}.studio-title p{max-width:640px;margin:13px 0 0;color:#77819a;font-size:11px;line-height:1.75}.recorder-panel{padding:clamp(20px,3vw,28px);border:1px solid var(--line);border-radius:20px;background:#fbfcff;transition:border-color .18s ease,box-shadow .18s ease}.recorder-panel--active{border-color:#d5a783;box-shadow:0 14px 38px #1f2b5114}.recorder-panel__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.recorder-panel__heading h2{margin:7px 0 0;font-size:24px;font-weight:610;letter-spacing:-.04em}.recorder-status{display:inline-flex;align-items:center;gap:7px;color:#7a849f;font-size:9px;font-weight:750}.recorder-status>span{width:7px;height:7px;border-radius:50%;background:#8c96ad}.recorder-panel--active .recorder-status>span{background:#d66b5c;box-shadow:0 0 0 5px #d66b5c1f;animation:recordPulse 1.3s ease-in-out infinite}.signal-well{min-height:148px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;padding:22px;border-radius:17px;color:#fff;background:radial-gradient(circle at 50% -30%,rgba(144,164,214,.28),transparent 16rem),linear-gradient(145deg,#111936,#1a2755)}.signal-well__time{font-size:36px;font-weight:570;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.signal-meter{width:min(360px,86%);height:5px;overflow:hidden;margin:17px 0 10px;border-radius:99px;background:#ffffff1f}.signal-meter span{display:block;width:var(--input-level);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--copper-soft),#f0c19a);transition:width 80ms linear}.signal-well small{color:#ffffff7a;font-size:8px}.microphone-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:16px}.microphone-controls label>span{display:block;margin:0 0 6px 3px;color:#7c86a0;font-size:8px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.microphone-controls select{width:100%;height:43px;padding:0 36px 0 11px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff;font-size:10px}.device-button{height:43px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);background:#fff;cursor:pointer;font-size:9px;font-weight:720}.device-button:disabled{cursor:not-allowed;opacity:.55}.record-button{min-width:180px;min-height:45px;display:flex;align-items:center;justify-content:center;gap:8px;margin:17px auto 0;padding:0 18px;border:0;border-radius:999px;color:#fff;background:var(--ink);cursor:pointer;font-size:10px;font-weight:760}.record-button--stop{background:#a94645}.record-button:disabled{cursor:wait;opacity:.56}.form-error--recorder{margin-top:13px;text-align:center}.source-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#929aaf;font-size:8px;font-weight:730;letter-spacing:.08em;text-transform:uppercase}.source-divider:before,.source-divider:after{content:"";height:1px;flex:1;background:var(--line)}.drop-zone{min-height:116px;display:flex;align-items:center;gap:14px;padding:18px;border:1px dashed #bdc7d8;border-radius:16px;color:#7a849f;background:#f8faff}.drop-zone>div{min-width:0;flex:1}.drop-zone strong,.drop-zone span{display:block}.drop-zone strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.drop-zone span{margin-top:5px;font-size:10px}.drop-zone>button:not(.drop-zone__empty){padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;cursor:pointer;font-size:10px;font-weight:720}.drop-zone__empty{width:100%;display:grid;place-items:center;gap:6px;padding:10px;border:0;color:#7a849f;background:transparent;cursor:pointer}.drop-zone__empty svg{color:var(--copper)}.source-preview{margin:16px 0 4px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#fafbfe}.source-preview>span{display:block;margin-bottom:8px;color:#7d87a1;font-size:8px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.upload-preview{width:100%;height:38px}.quality-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border:1px solid #d8e8de;border-radius:13px;background:#f3faf6}.quality-card--warning{border-color:#ecd8c2;background:#fff8ee}.quality-card__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#397657;background:#fff}.quality-card--warning .quality-card__icon{color:#a36a35}.quality-card strong,.quality-card small{display:block}.quality-card__copy>strong,.quality-card>div>strong{font-size:9px}.quality-card__copy>small,.quality-card>div>small{margin-top:4px;color:#71827a;font-size:7px;line-height:1.45}.quality-stats{display:flex;gap:7px}.quality-stats span{min-width:62px;padding:7px 8px;border-radius:9px;background:#fff;text-align:center}.quality-stats strong{font-size:8px;font-variant-numeric:tabular-nums}.quality-stats small{margin-top:3px;color:#89958f;font-size:6px;text-transform:uppercase}.analysis-panel{margin-top:25px}.analysis-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px;border-radius:14px;background:var(--blue-wash)}.analysis-summary p{margin:9px 0 0;color:var(--ink);font-family:Noto Kufi Arabic Variable,serif;font-size:17px;line-height:1.9;text-align:right}.analysis-summary>span{color:#6c789a;font-size:10px;font-weight:760;text-align:right}.analysis-summary>span small{display:block;margin-top:5px;color:#8791aa;font-size:7px}.segment-heading,.master-preview__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:28px 2px 13px}.segment-heading h3,.mastering-panel h3,.master-preview h3{margin:6px 0 0;font-size:20px;font-weight:610;letter-spacing:-.035em}.segment-heading>span{color:#7d87a1;font-size:9px;font-weight:720}.detected-list{display:grid;gap:9px;margin:14px 0}.detected-verse{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.detected-verse--selected{border-color:#aab6d2;box-shadow:0 7px 20px #1c29520f}.detected-verse__selector{display:grid;grid-template-columns:20px minmax(0,1fr) 66px;gap:12px;padding:15px;cursor:pointer}.detected-verse__selector>input{position:absolute;opacity:0;pointer-events:none}.detected-check{width:19px;height:19px;display:grid;place-items:center;border:1px solid #bdc7d8;border-radius:6px;color:#fff}.detected-verse--selected .detected-check{border-color:var(--ink);background:var(--ink)}.detected-copy{min-width:0}.detected-copy strong,.detected-copy span,.detected-copy small{display:block}.detected-copy strong{font-size:11px}.detected-copy span{overflow:hidden;margin-top:8px;font-family:Noto Kufi Arabic Variable,serif;font-size:15px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.detected-copy small{overflow:hidden;margin-top:7px;color:#78829b;font-size:9px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.confidence{color:#75809b;font-size:8px;font-weight:760;text-align:right}.confidence small{display:block;margin-top:5px;color:#98a0b3;font-size:7px}.verse-editor{padding:13px 15px 15px 47px;border-top:1px solid #e7ebf2;background:#f8faff}.verse-editor__heading{display:flex;align-items:center;gap:10px}.verse-editor__heading>span{display:inline-flex;align-items:center;gap:6px;color:#5f6c88;font-size:8px;font-weight:760}.verse-editor__heading>strong{margin-left:auto;color:#697590;font-size:8px;font-variant-numeric:tabular-nums}.verse-editor__heading button{padding:4px 7px;border:1px solid #d9e0eb;border-radius:6px;color:#63708a;background:#fff;cursor:pointer;font-size:7px;font-weight:730}.clip-audition{margin-top:12px;padding:12px;border:1px solid #dfe5ef;border-radius:11px;background:#fff}.clip-audition__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.clip-audition__heading>span{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:9px;font-weight:760}.clip-audition__heading small{color:#7c879f;font-size:8px;font-variant-numeric:tabular-nums}.clip-audition__transport{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;margin-top:10px}.clip-audition__transport button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#fff;background:var(--ink);cursor:pointer}.clip-audition__transport input{width:100%;margin:0;accent-color:var(--copper);cursor:pointer}.clip-audition__marks{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.clip-audition__marks>span{color:#7c879f;font-size:7px;line-height:1.4}.clip-audition__marks>div{display:flex;flex-shrink:0;gap:6px}.clip-audition__marks button{padding:5px 7px;border:1px solid #d9e0eb;border-radius:6px;color:#63708a;background:#f8faff;cursor:pointer;font-size:7px;font-weight:730}.clip-audition__marks button:disabled{opacity:.45;cursor:not-allowed}.crop-track{position:relative;height:6px;overflow:hidden;margin:12px 0;border-radius:99px;background:#dfe5ef}.crop-track span{position:absolute;top:0;bottom:0;display:block;border-radius:inherit;background:linear-gradient(90deg,#c68f66,var(--copper-soft))}.crop-track span:before,.crop-track span:after{content:"";position:absolute;top:-2px;width:2px;height:10px;border-radius:2px;background:#835937}.crop-track span:before{left:0}.crop-track span:after{right:0}.verse-editor__grid{display:grid;grid-template-columns:92px 92px minmax(0,1fr);align-items:end;gap:9px}.verse-editor__grid label>span{display:flex;align-items:center;gap:5px;margin-bottom:5px;color:#78839b;font-size:7px;font-weight:730}.verse-editor__grid input[type=number]{width:100%;height:34px;padding:0 8px;border:1px solid #dbe2ed;border-radius:8px;color:var(--ink);background:#fff;font-size:9px;font-variant-numeric:tabular-nums}.gain-control>span strong{margin-left:auto;color:var(--ink);font-size:7px}.gain-control input{width:100%;height:34px;margin:0;accent-color:var(--copper)}.mastering-panel{margin-top:24px;padding:clamp(18px,3vw,25px);border:1px solid #d7dfec;border-radius:18px;background:#f4f7fc}.mastering-panel__heading{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px}.mastering-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--copper);background:#fff;box-shadow:0 5px 18px #1f2b5112}.mastering-panel__heading p{margin:7px 0 0;color:#77819a;font-size:9px;line-height:1.6}.preset-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.preset-picker button{padding:11px;border:1px solid #dbe2ed;border-radius:11px;color:var(--ink);background:#fff;cursor:pointer;text-align:left}.preset-picker button.active{border-color:#68789d;background:#eef2f9;box-shadow:inset 0 0 0 1px #68789d}.preset-picker strong,.preset-picker small{display:block}.preset-picker strong{font-size:9px}.preset-picker small{margin-top:4px;color:#8490a8;font-size:7px}.mastering-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.setting-toggle,.setting-field{min-height:62px;padding:12px;border:1px solid #dde4ef;border-radius:12px;background:#fff}.setting-toggle{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;cursor:pointer}.setting-toggle input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--ink)}.setting-toggle strong,.setting-toggle small{display:block}.setting-toggle strong{font-size:9px}.setting-toggle small,.setting-field small{margin-top:4px;color:#8891a7;font-size:7px;line-height:1.45}.setting-field>span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink);font-size:9px;font-weight:720}.setting-field select{height:30px;padding:0 24px 0 8px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;font-size:8px}.setting-field--range{grid-column:1 / -1}.setting-field--range input{width:100%;margin:12px 0 0;accent-color:var(--copper)}.master-preview{margin-top:28px}.master-preview__heading{align-items:center}.master-preview__heading>span{display:inline-flex;align-items:center;gap:7px;color:#66806f;font-size:8px;font-weight:720}.preview-clips{display:grid;gap:10px}.preview-clip{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.preview-clip__top{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px}.preview-clip__top>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--ink);font-size:8px;font-weight:760}.preview-clip__top strong,.preview-clip__top small{display:block}.preview-clip__top strong{font-size:9px}.preview-clip__top small{margin-top:4px;color:#7f89a2;font-size:7px}.preview-clip p{margin:14px 0 10px;color:#27335c;font-family:Noto Kufi Arabic Variable,serif;font-size:15px;line-height:1.85;text-align:right}.preview-clip audio{width:100%;height:36px}.publish-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;border:0;border-radius:13px;color:#fff;background:#2f7252;cursor:pointer;font-size:10px;font-weight:760}.publish-button:disabled{cursor:wait;opacity:.58}.version-panel{align-self:start;overflow:hidden}.version-panel__heading{padding:26px 25px 20px}.version-panel h2{margin:7px 0 0;font-size:25px;font-weight:590;letter-spacing:-.04em}.version-recordings{border-top:1px solid var(--line)}.version-recording{border-bottom:1px solid var(--line)}.version-recording__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border:0;color:var(--ink);background:transparent;cursor:pointer;text-align:left}.version-recording__toggle span span,.version-recording__toggle strong,.version-recording__toggle small{display:block}.version-recording__toggle strong{font-size:11px}.version-recording__toggle small{margin-top:4px;color:#8790a8;font-size:9px}.version-recording__toggle svg{transition:transform .16s ease}.version-recording__toggle svg.rotate{transform:rotate(180deg)}.version-list{padding:0 13px 12px}.version-item{min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-top:1px solid #edf0f5}.version-item strong,.version-item small{display:block}.version-item strong{font-size:10px}.version-item small{margin-top:2px;color:#9098ab;font-size:8px}.version-item button,.active-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:7px;font-size:8px;font-weight:760}.version-item button{border:1px solid var(--line);color:var(--ink);background:#fff;cursor:pointer}.active-pill{color:#377254;background:#eaf6ef}.mini-player{position:fixed;z-index:20;right:22px;bottom:max(18px,env(safe-area-inset-bottom));left:22px;min-height:74px;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,430px);align-items:center;gap:28px;width:min(910px,calc(100% - 44px));margin:auto;padding:11px 16px;border:1px solid rgba(211,218,232,.9);border-radius:19px;background:#fffffff0;box-shadow:0 16px 50px #161f422b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mini-player__verse{min-width:0;display:flex;align-items:center;gap:13px}.mini-player__verse>span:last-child{min-width:0}.mini-player__verse strong{display:block;font-size:10px;font-weight:760}.mini-player__number{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--ink);font-size:11px;font-weight:760}.mini-player .player-controls{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.mini-player .player-controls__timeline{color:#8b94aa}.mini-player .range{background:linear-gradient(to right,var(--copper) var(--range-progress),#dde2eb var(--range-progress))}.mini-player .player-controls__actions{margin:0;gap:2px}.mini-player .play-button{width:42px;height:42px;color:#fff;background:var(--ink);box-shadow:none}.mini-player .icon-button--quiet,.mini-player .skip-button{width:34px;height:34px;color:var(--ink-soft)}.mini-player .skip-button span{top:12px}.mini-player .skip-button:hover,.mini-player .icon-button--quiet:hover{background:#eef1f7}@keyframes pulse{0%{opacity:.75}to{opacity:1}}@keyframes recordPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.22);opacity:1}}@media(max-width:760px){.app-shell{padding-bottom:124px}.site-header{width:min(100% - 28px,1120px);height:76px;grid-template-columns:1fr auto}.site-header{grid-template-columns:auto 1fr auto}.brand>span:last-child,.header-status{display:none}.site-nav{justify-self:center}.site-nav a{min-height:42px;padding:8px 11px}.install-button{width:38px;height:38px;justify-content:center;padding:0;font-size:0}.page{width:min(100% - 28px,1120px)}.intro{min-height:190px;display:block;padding:34px 2px}.intro h2{font-size:clamp(32px,9vw,45px)}.archive-note{display:none}.catalog-picker{grid-template-columns:1fr 128px;margin-top:-10px;padding:9px}.now-card{padding:25px 20px 23px;border-radius:22px}.open-player{padding:8px;font-size:0}.verse-stream{height:300px;margin:18px -7px 22px;padding:0 7px}.verse-stream__spacer{height:30%}.verse-stream__verse{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:18px 10px;border-radius:14px}.verse-stream__number{width:29px;height:29px}.verse-stream__arabic{font-size:clamp(21px,6.4vw,28px);line-height:1.95}.volume-control{display:none}.library-section,.up-next{padding-top:54px}.chapter-grid{grid-template-columns:1fr}.chapter-card{min-height:104px;padding:17px}.page--chapter{padding-top:20px}.chapter-hero{grid-template-columns:52px minmax(0,1fr);gap:17px;min-height:240px;padding:26px 20px;border-radius:23px}.chapter-hero__mark{width:52px;height:52px;border-radius:16px}.chapter-play{grid-column:1 / -1;justify-self:stretch;justify-content:center}.ayah-row__button{grid-template-columns:28px 32px minmax(0,1fr) 38px;gap:9px;min-height:76px}.ayah-row__arabic{font-size:15px}.ayah-row__translation{max-width:100%;font-size:9px}.page--focus{padding-top:12px}.focus-player{min-height:max(640px,calc(100vh - 104px));padding:25px 20px;border-radius:24px}.focus-player__number{font-size:60vw}.verse-stream--roomy{height:clamp(390px,55vh,510px);margin-top:8px}.verse-stream--roomy .verse-stream__spacer{height:38%}.verse-stream--roomy .verse-stream__verse{padding-top:22px;padding-bottom:22px}.verse-stream--roomy .verse-stream__arabic{font-size:clamp(23px,7vw,31px)}.player-controls__actions{gap:3px}.mini-player{right:10px;bottom:max(9px,env(safe-area-inset-bottom));left:10px;width:calc(100% - 20px);min-height:88px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 11px;border-radius:18px}.mini-player__number{width:38px;height:38px}.verse-ribbon--compact{width:min(38vw,160px)}.mini-player .player-controls{display:block}.mini-player .player-controls__timeline{display:none}.mini-player .player-controls__actions>.icon-button{display:none}.studio-page{padding:0 14px 48px}.studio-header{height:72px}.studio-grid{grid-template-columns:1fr;margin-top:18px}.studio-main,.version-panel{border-radius:20px}.studio-main{padding:23px 18px}.studio-title{margin-bottom:25px}.recorder-panel{padding:17px 14px}.signal-well{min-height:132px;padding:18px 12px}.microphone-controls{grid-template-columns:1fr}.device-button{width:100%;justify-content:center}.drop-zone{min-height:104px}.quality-card{grid-template-columns:34px minmax(0,1fr)}.quality-stats{grid-column:1 / -1}.quality-stats span{flex:1;min-width:0}.detected-verse__selector{grid-template-columns:20px minmax(0,1fr)}.confidence{grid-column:2;text-align:left}.verse-editor{padding-left:15px}.clip-audition__marks{align-items:flex-start;flex-direction:column}.clip-audition__marks>div{width:100%}.clip-audition__marks button{flex:1}.verse-editor__grid{grid-template-columns:1fr 1fr}.gain-control{grid-column:1 / -1}.preset-picker,.mastering-controls{grid-template-columns:1fr}.setting-field--range{grid-column:auto}.master-preview__heading{display:block}.master-preview__heading>span{margin-top:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}