@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/instrument-serif-italic.ttf)format("truetype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/amiri.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/amiri-bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/noto-naskh-arabic.ttf)format("truetype");font-style:normal;font-weight:400 700;font-display:swap}:root{--bg:#edf1ea;--ink:#142a23;--ink-2:#4f6459;--ink-3:#7a8b81;--brand:#21584b;--brand-deep:#163f36;--gold:#b39a3c;--focus:#5fae8c;--btn-bg:var(--brand);--btn-ink:#fff;--glass:linear-gradient(135deg, rgba(255,255,255,.68), rgba(255,255,255,.34));--glass-strong:rgba(255,255,255,.8);--glass-border:rgba(255,255,255,.8);--glass-edge:rgba(20,42,35,.09);--glass-inset:inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(20,42,35,.05);--glass-shadow:0 26px 60px -30px rgba(20,42,35,.32), 0 2px 6px -2px rgba(20,42,35,.08);--well:rgba(20,42,35,.055);--chip:rgba(255,255,255,.52);--line:rgba(20,42,35,.1);--mark:linear-gradient(180deg, rgba(214,232,160,.35), rgba(196,224,170,.78));--blur:22px;--spec:1;--b1:rgba(167,226,178,.9);--b2:rgba(240,222,153,.8);--b3:rgba(158,228,222,.85);--b4:rgba(253,226,206,.9);--serif:"Instrument Serif", Georgia, serif;--arabic:"Amiri", "Noto Naskh Arabic", serif;--background:var(--bg);--foreground:var(--ink);--card:var(--glass-strong);--card-foreground:var(--ink);--primary:var(--brand);--primary-foreground:var(--btn-ink);--secondary:var(--well);--secondary-foreground:var(--brand);--muted:var(--well);--muted-foreground:var(--ink-2);--accent:var(--chip);--accent-foreground:var(--brand);--destructive:#a13d30;--border:var(--line);--input:var(--glass-edge);--ring:var(--focus);--radius:24px;--text:var(--ink);--green:var(--brand);--text-secondary:var(--ink-2);color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Hanken Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;line-height:1.55}@supports (color:lab(0% 0 0)){:root{--b1:lab(84.9364% -26.7916 17.2614/.9);--b2:lab(88.8282% -.628203 36.3802/.8);--b3:lab(85.7185% -23.46 -4.77314/.85);--b4:lab(91.7908% 7.05174 13.5405/.9)}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1411;--ink:#e9efe9;--ink-2:#aebcb2;--ink-3:#7f8f85;--brand:#8fd3b6;--brand-deep:#2f7a61;--gold:#d6bd5a;--focus:#8fd3b6;--btn-ink:#0a1411;--glass:linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.04));--glass-strong:rgba(18,30,26,.8);--glass-border:rgba(255,255,255,.14);--glass-edge:rgba(255,255,255,.1);--glass-inset:inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.35);--glass-shadow:0 30px 80px -30px rgba(0,0,0,.75), 0 2px 6px -2px rgba(0,0,0,.4);--well:rgba(255,255,255,.06);--chip:rgba(255,255,255,.07);--line:rgba(255,255,255,.1);--mark:linear-gradient(180deg, rgba(143,211,182,.12), rgba(143,211,182,.32));--spec:.18;--b1:rgba(0,80,50,.75);--b2:rgba(67,55,0,.55);--b3:rgba(0,60,75,.7);--b4:rgba(60,36,58,.5)}@supports (color:lab(0% 0 0)){[data-theme=dark]{--b1:lab(29.2614% -30.2398 11.8527/.75);--b2:lab(23.666% 1.27077 32.4178/.55);--b3:lab(22.6069% -15.4385 -16.3781/.7);--b4:lab(18.0838% 14.6265 -9.14375/.5)}}*{box-sizing:border-box}html{scroll-padding-top:110px}body{background:var(--bg);margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}a:hover{color:var(--brand)}svg{vertical-align:middle;flex-shrink:0;display:inline-block}h1,h2,h3,p{margin:0}button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.4}[hidden]{display:none!important}input::placeholder{color:var(--ink-3)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}::selection{background:color-mix(in oklab, var(--brand) 25%, transparent)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--btn-bg);color:var(--btn-ink);border-radius:12px;padding:12px 18px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.app-shell{min-height:100vh;color:var(--ink);background:var(--bg);transition:background .5s,color .5s;display:flow-root;position:relative}.ambient-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-orb{filter:blur(70px);will-change:transform;border-radius:50%;display:block;position:absolute}.ambient-orb:first-child{background:var(--b1);width:55vw;height:55vw;animation:26s ease-in-out infinite alternate drift;top:-20vw;left:-14vw}.ambient-orb:nth-child(2){background:var(--b2);width:46vw;height:46vw;animation:32s ease-in-out -8s infinite alternate-reverse drift;top:2vw;right:-12vw}.ambient-orb:nth-child(3){background:var(--b3);width:42vw;height:42vw;animation:38s ease-in-out -16s infinite alternate drift;bottom:-22vw;left:20vw}.ambient-orb:nth-child(4){background:var(--b4);width:30vw;height:30vw;animation:22s ease-in-out -4s infinite alternate-reverse drift;bottom:-8vw;right:16vw}.header-inner,.search-panel,.feature-card,.verse-card,.aside-panel,.aside-note,.mushaf-panel,.empty-state,.skeleton-card,.guide-examples{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-inset), var(--glass-shadow);backdrop-filter:blur(var(--blur)) saturate(170%);position:relative}.header-inner:before,.search-panel:before,.feature-card:before,.verse-card:before,.aside-panel:before,.mushaf-panel:before,.empty-state:before,.guide-examples:before{content:"";border-radius:inherit;pointer-events:none;opacity:var(--spec);background:linear-gradient(115deg,rgba(255,255,255,.5),transparent 40%);position:absolute;inset:0}.header-inner>*,.search-panel>*,.feature-card>*,.verse-card>*,.aside-panel>*,.mushaf-panel>*,.empty-state>*,.guide-examples>*{position:relative}.site-header{z-index:30;margin-top:12px;padding:0 clamp(12px,2.5vw,28px);position:sticky;top:12px}.header-inner{border-radius:999px;align-items:center;gap:12px;max-width:1180px;height:64px;margin:0 auto;padding:0 10px 0 16px;display:flex}.brand{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);flex-shrink:0;align-items:center;gap:10px;font-size:31px;font-weight:400;line-height:1;display:inline-flex}.brand-dot{color:var(--gold)}.brand-symbol{background:linear-gradient(145deg, var(--brand), var(--brand-deep));color:#f4f5e8;width:38px;height:38px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 8px 16px -8px var(--brand);border-radius:12px;place-items:center;display:grid}.brand-symbol svg{stroke-width:1.5px;width:22px;height:22px}.brand-description{display:none}.header-inner nav{background:var(--well);border:1px solid var(--glass-edge);border-radius:999px;align-items:center;gap:2px;margin:0 auto;padding:4px;display:flex}.nav-link{color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:500}.nav-link[aria-current=page],.nav-link[data-active=true]{color:var(--brand);background:var(--glass-strong);font-weight:600;box-shadow:0 1px 2px rgba(20,42,35,.08),inset 0 1px rgba(255,255,255,.6)}.header-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:0;display:flex}.icon-button,.command-trigger,.microphone-button,.clear-button,.tooltip-trigger{border:1px solid var(--glass-edge);background:var(--well);color:var(--ink-2);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,transform .3s;display:inline-flex}.icon-button{width:40px;height:40px;position:relative}.icon-button svg{width:18px;height:18px}.icon-button:hover,.command-trigger:hover,.microphone-button:hover,.clear-button:hover{background:var(--glass-strong);color:var(--brand)}.theme-toggle:hover{transform:rotate(15deg)}.bookmark-count{background:var(--brand);min-width:18px;height:18px;color:var(--btn-ink);border-radius:999px;place-items:center;padding:0 5px;font-size:10.5px;font-weight:700;display:grid;position:absolute;top:-3px;right:-3px}.command-trigger{gap:8px;height:40px;padding:0 10px 0 14px;font-size:13px}kbd,.ui-kbd{background:var(--glass-strong);border:1px solid var(--glass-edge);min-width:22px;min-height:22px;box-shadow:0 1px 0 var(--glass-edge);color:var(--ink);border-radius:6px;place-items:center;padding:2px 6px;font:600 11px/1.2 Hanken Grotesk,sans-serif;display:inline-grid}.header-quran,.primary-link,.search-submit{background:var(--btn-bg);color:var(--btn-ink);white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 12px 24px -12px var(--brand);border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:14px;font-weight:600;transition:transform .15s,filter .15s;display:inline-flex}.header-quran{gap:8px;height:40px;padding:0 16px;font-size:13px}.header-quran svg{width:12px;height:12px}.header-quran svg:first-child:not(:last-child){display:none}.header-quran:hover,.primary-link:hover,.search-submit:hover{color:var(--btn-ink);filter:brightness(1.06);transform:translateY(-1px)}.main-content{z-index:1;max-width:1180px;min-height:calc(100vh - 190px);margin:0 auto;padding:0 clamp(12px,2.5vw,28px) 56px;position:relative}.search-area{max-width:920px;margin:0 auto;position:relative}.home-page .search-area{padding-top:clamp(40px,8vw,84px)}.hero{text-align:center}.eyebrow,.search-eyebrow{color:var(--brand);letter-spacing:.16em;align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.hero .eyebrow{border:1px solid var(--glass-border);background:var(--chip);box-shadow:var(--glass-inset);border-radius:999px;padding:7px 14px 7px 10px;display:inline-flex}.live-dot{background:var(--brand);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in oklab, var(--brand) 18%, transparent);border-radius:50%;flex-shrink:0}.hero h1{font-family:var(--serif);letter-spacing:-.022em;text-wrap:balance;margin:26px 0 22px;font-size:clamp(50px,7.8vw,104px);font-weight:400;line-height:.97}.hero h1 em,.hero h1>span{color:var(--brand);font-style:italic}.hero p{max-width:600px;color:var(--ink-2);text-wrap:pretty;margin:0 auto;font-size:clamp(15px,1.4vw,18px);line-height:1.7}.search-panel{text-align:left;max-width:920px;backdrop-filter:blur(var(--blur)) saturate(180%);border-radius:30px;margin:40px auto 0}.search-input-row{align-items:center;gap:12px;min-height:78px;padding:10px 10px 10px 22px;display:flex}.input-search-icon{width:22px;height:22px;color:var(--brand)}.search-input-row input{width:100%;min-width:0;color:var(--ink);appearance:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:8px 0;font-size:clamp(16px,1.7vw,20px)}.search-panel:focus-within{outline:2px solid color-mix(in oklab, var(--focus) 70%, transparent);outline-offset:3px}.search-submit{height:48px}.search-submit svg{width:18px;height:18px}.microphone-button,.voice-trigger.icon-button{width:46px;height:46px}.microphone-button svg,.voice-trigger svg{width:19px;height:19px}.clear-button,.search-clear.icon-button{border:0;width:36px;height:36px}.clear-button svg,.search-clear svg{width:14px;height:14px}.search-bottom-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px 12px 22px;display:flex}.input-hint,.phonetic-hint,.phonetic-preview{min-width:0;color:var(--ink-2);align-items:center;gap:10px;font-size:13px;display:flex}.input-hint svg{width:15px;height:15px}.phonetic-hint strong,.input-hint strong,.phonetic-preview strong{letter-spacing:.06em;color:var(--brand);text-overflow:ellipsis;white-space:nowrap;max-width:60vw;font-weight:600;overflow:hidden}.vowel-options,.search-options,.vowel-controls{align-items:center;gap:10px;display:flex;position:relative}.switch-control,.switch-label,.ui-switch{color:var(--ink-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:4px 0;font-size:13px;display:inline-flex}.switch-control input,.switch-label input{appearance:none;cursor:pointer;background:rgba(127,143,133,.45);border:0;border-radius:999px;flex-shrink:0;width:40px;height:22px;margin:0;transition:background .2s;position:relative;box-shadow:inset 0 1px 2px rgba(20,42,35,.18)}.result-options input[type=checkbox]{appearance:none;cursor:pointer;background:rgba(127,143,133,.45);border:0;border-radius:999px;flex-shrink:0;width:40px;height:22px;margin:0;transition:background .2s;position:relative;box-shadow:inset 0 1px 2px rgba(20,42,35,.18)}.switch-control input:after,.switch-label input:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px rgba(0,0,0,.25)}.result-options input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px rgba(0,0,0,.25)}.switch-control input:checked,.switch-label input:checked{background:var(--brand)}.result-options input[type=checkbox]:checked{background:var(--brand)}.switch-control input:checked:after,.switch-label input:checked:after{transform:translate(18px)}.result-options input[type=checkbox]:checked:after{transform:translate(18px)}.switch-track{background:rgba(127,143,133,.45);border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative;box-shadow:inset 0 1px 2px rgba(20,42,35,.18)}.switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px rgba(0,0,0,.25)}[aria-checked=true]>.switch-track{background:var(--brand)}[aria-checked=true] .switch-thumb{transform:translate(18px)}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-trigger{cursor:help;width:22px;height:22px}.tooltip-trigger svg{width:13px;height:13px}.tooltip,.tooltip-content{z-index:10;background:var(--glass-strong);border:1px solid var(--glass-border);width:min(270px,100vw - 40px);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);color:var(--ink-2);border-radius:14px;padding:12px 14px;font-size:12.5px;line-height:1.55;animation:.15s fadein;position:absolute;bottom:calc(100% + 10px);right:0}.settings-trigger{color:var(--ink-2);background:0 0;align-items:center;gap:7px;padding:3px 0;font-size:12px;display:inline-flex}.search-settings{border-top:1px solid var(--line);padding:14px 22px}.switch-label strong{font-weight:600}.switch-label small{color:var(--ink-2);font-size:12px;display:block}.suggestions,.recent-searches{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:920px;margin:18px auto 0;display:flex}.recent-searches{margin-top:10px}.suggestions>span,.recent-searches>span{color:var(--ink-2);align-items:center;gap:6px;margin-right:4px;font-size:12.5px;display:inline-flex}.recent-searches>span svg{width:13px;height:13px}.suggestion,.chip{border:1px solid var(--glass-border);background:var(--chip);box-shadow:var(--glass-inset);color:var(--ink-2);backdrop-filter:blur(12px);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:9px;padding:8px 13px 8px 14px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.suggestion svg{opacity:.75;width:12px;height:12px}.suggestion:hover,.chip:hover{background:var(--glass-strong);color:var(--brand)}.text-button,.clear-history{color:var(--ink-2);text-underline-offset:3px;background:0 0;border:0;padding:4px;font-size:12px;text-decoration:underline}.home-details{max-width:1000px;margin:54px auto 0}.corpus-strip{border:1px solid var(--glass-border);background:var(--chip);width:fit-content;max-width:100%;box-shadow:var(--glass-inset);color:var(--ink-2);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(14px,3vw,34px);margin:0 auto;padding:12px 24px;font-size:13px;display:flex}.corpus-strip>div{align-items:baseline;gap:8px;display:flex}.corpus-strip>div:last-child{align-items:center}.stat-number{font-family:var(--serif);color:var(--ink);font-size:24px;line-height:1}.stat-separator{background:var(--line);width:1px;height:16px}.stat-icon{background:color-mix(in oklab, var(--brand) 16%, transparent);width:20px;height:20px;color:var(--brand);border-radius:50%;place-items:center;display:grid}.stat-icon svg{width:12px;height:12px}.section-heading{justify-content:center;align-items:center;gap:18px;margin:46px 0 22px;display:flex}.section-heading h2{font-family:var(--serif);color:var(--ink-2);text-align:center;font-size:clamp(22px,2.4vw,28px);font-style:italic;font-weight:400}.section-rule{background:var(--line);flex-shrink:0;width:clamp(30px,8vw,90px);height:1px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;display:grid}.feature-card{border-radius:24px;padding:26px 26px 28px;overflow:hidden}.feature-icon{background:var(--glass-strong);border:1px solid var(--glass-border);width:42px;height:42px;box-shadow:var(--glass-inset);color:var(--brand);border-radius:13px;place-items:center;display:inline-grid}.feature-icon svg{width:20px;height:20px}.feature-card h3{letter-spacing:-.01em;margin:18px 0 8px;font-size:16.5px;font-weight:650}.feature-card p{color:var(--ink-2);text-wrap:pretty;font-size:14px;line-height:1.7}.feature-card>.feature-number{font-family:var(--serif);opacity:.07;pointer-events:none;font-size:92px;font-style:italic;line-height:1;position:absolute;top:4px;right:18px}.help-note{color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:26px;font-size:12.5px;display:flex}.help-note>svg{width:14px;height:14px}.help-note a{color:var(--brand);align-items:center;gap:5px;font-weight:600;display:inline-flex}.help-note a svg{width:12px;height:12px}.site-footer{z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;position:relative}.footer-inner{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px clamp(12px,2.5vw,28px) 40px;font-size:12.5px;display:flex}.footer-credit{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.footer-logo{font-family:var(--serif);color:var(--ink);font-size:24px;line-height:1}.footer-links{align-items:center;gap:18px;display:flex}.footer-links a{align-items:center;gap:5px;display:inline-flex}.footer-links svg{width:11px;height:11px}.footer-divider{background:var(--line);width:1px;height:12px}.results-page{padding-top:26px}.search-eyebrow svg{width:14px;height:14px}.results-page .search-panel{margin-top:14px}.results-section{margin-top:32px}.fallback-alert,.ui-alert{background:color-mix(in oklab, var(--gold) 16%, transparent);border:1px solid color-mix(in oklab, var(--gold) 45%, transparent);color:var(--ink);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:13.5px;display:flex}.fallback-alert>svg{width:16px;height:16px;color:var(--gold)}.fallback-alert button{color:var(--brand);text-underline-offset:3px;background:0 0;margin-left:auto;font-size:13px;font-weight:600;text-decoration:underline}.results-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.results-heading>div:first-child{flex:520px;min-width:0}.results-heading .eyebrow{color:var(--ink-2)}.results-heading h1{font-family:var(--serif);letter-spacing:-.015em;text-wrap:balance;overflow-wrap:anywhere;margin:8px 0 10px;font-size:clamp(34px,4.6vw,54px);font-weight:400;line-height:1.02}.results-heading h1>span:first-child{color:var(--brand)}.results-heading h1 em{color:var(--ink-2);font-style:italic}.result-meta,.results-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.phonetic-pill,.phonetic-chip{border:1px solid var(--glass-border);background:var(--chip);max-width:100%;box-shadow:var(--glass-inset);border-radius:999px;align-items:center;gap:8px;padding:5px 12px;display:inline-flex}.phonetic-pill b,.phonetic-pill strong,.phonetic-chip b{color:var(--brand);letter-spacing:.06em;overflow-wrap:anywhere;font-weight:600}.result-options{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.result-options label{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.toggle-group,.view-toggle,.ui-toggle-group{border:1px solid var(--glass-edge);background:var(--well);border-radius:999px;align-items:center;padding:4px;display:inline-flex}.toggle-group button,.view-toggle button,.ui-toggle-group button{color:var(--ink-2);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.toggle-group button[aria-pressed=true],.view-toggle button[aria-pressed=true],.ui-toggle-group button[aria-pressed=true]{background:var(--glass-strong);color:var(--brand);box-shadow:0 1px 2px rgba(20,42,35,.1),inset 0 1px rgba(255,255,255,.6)}.toggle-group svg,.view-toggle svg{width:14px;height:14px}.results-layout{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.result-list{flex-direction:column;flex:560px;gap:16px;min-width:0;display:flex}.verse-card{border-radius:24px;min-width:0;padding:clamp(18px,2.6vw,26px) clamp(16px,2.8vw,30px) 12px;scroll-margin-top:110px;transition:box-shadow .2s;animation:.45s cubic-bezier(.2,.7,.2,1) both rise}.verse-card.active,.verse-card[data-active=true]{box-shadow:var(--glass-inset), var(--glass-shadow), 0 0 0 2px var(--focus)}.verse-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.verse-reference{align-items:center;gap:14px;min-width:0;display:flex}.rank{border:1px solid var(--glass-edge);background:var(--well);width:44px;height:44px;font-family:var(--serif);color:var(--brand);border-radius:14px;flex-shrink:0;place-items:center;font-size:22px;line-height:1;display:grid}.surah-title,.verse-title{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.verse-reference h2{letter-spacing:-.01em;font-size:16px;font-weight:650}.surah-arabic{font-family:var(--arabic);color:var(--ink-2);font-size:19px;line-height:1}.verse-reference p{color:var(--ink-2);margin-top:3px;font-size:12.5px}.similarity,.match-badge{align-items:center;gap:10px;display:flex}.similarity-ring,.score-ring{width:52px;height:52px;display:inline-block;position:relative}.similarity-ring>span,.score-ring>strong{color:var(--brand);place-items:center;font-size:12.5px;font-weight:700;display:grid;position:absolute;inset:0}.similarity-label,.score-label{color:var(--ink-2);font-size:12px;line-height:1.25}.match-badge{color:var(--brand);align-items:center;gap:6px;font-size:11px;display:inline-flex}.arabic{font-family:var(--arabic);text-align:right;overflow-wrap:anywhere;color:var(--ink);margin:20px 0 14px;font-size:clamp(26px,3vw,34px);font-weight:400;line-height:2.05}.arabic mark,.mushaf-arabic mark{background:var(--mark);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45), 0 4px 14px -6px var(--brand);border-radius:8px;padding:.02em .14em}.arabic mark.highlight-off,.mushaf-arabic mark.highlight-off{box-shadow:none;background:0 0;padding:0}.matched-phrases,.match-phrases,.matching-phrases{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:12.5px;display:flex}.match-chip,.phrase-chip{border:1px solid var(--glass-border);background:var(--chip);max-width:100%;box-shadow:var(--glass-inset);border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px;padding:5px 12px 5px 9px;display:inline-flex}.match-chip [lang=ar]{font-family:var(--arabic);color:var(--ink);font-size:17px;line-height:1.35}.phrase-chip [lang=ar]{font-family:var(--arabic);color:var(--ink);font-size:17px;line-height:1.35}.match-chip em,.phrase-chip em{overflow-wrap:anywhere;font-size:12.5px}.match-chip strong,.phrase-chip strong{color:var(--brand);font-size:11.5px;font-weight:700}.translation{color:var(--ink-2);text-wrap:pretty;margin:0 0 16px;font-size:15px;line-height:1.75}.verse-context{background:var(--well);border:1px solid var(--glass-edge);border-radius:16px;gap:14px;margin-bottom:14px;padding:14px 16px;animation:.3s both rise;display:grid}.context-label,.verse-context h3{letter-spacing:.12em;color:var(--ink-2);font-size:11px;font-weight:700}.context-arabic{font-family:var(--arabic);text-align:right;color:var(--ink);margin:6px 0 2px;font-size:22px;line-height:1.9}.verse-context [lang=ar]{font-family:var(--arabic);text-align:right;color:var(--ink);margin:6px 0 2px;font-size:22px;line-height:1.9}.context-translation{color:var(--ink-2);font-size:13px;line-height:1.6}.verse-context p:not([lang=ar]){color:var(--ink-2);font-size:13px;line-height:1.6}.audio-progress,.ui-progress{background:var(--line);border-radius:2px;height:3px;margin-bottom:10px;overflow:hidden}.audio-progress>span,.audio-progress>div,.ui-progress>span{background:var(--brand);height:100%;transition:width .25s linear;display:block}.verse-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.verse-actions{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.verse-actions button,.copy-button,.verse-action{min-height:36px;color:var(--ink-2);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.verse-actions button:hover,.copy-button:hover,.verse-action:hover{background:var(--well);color:var(--brand)}.verse-actions button[aria-pressed=true]{color:var(--brand)}.verse-actions button[aria-pressed=true] .bookmark-icon{fill:currentColor}.verse-actions svg{width:14px;height:14px}.verse-actions button[aria-expanded=true] .chevron{transform:rotate(180deg)}.quran-link,.verse-footer>a{min-height:36px;color:var(--brand);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.quran-link svg,.verse-footer>a svg{width:12px;height:12px}.verse-reference-short{color:var(--ink-2);font-size:12px}.results-aside{flex:0 272px;gap:14px;min-width:min(100%,240px);display:grid;position:sticky;top:92px}.aside-panel,.aside-note{border-radius:20px;padding:18px}.aside-panel h2,.aside-panel h3{letter-spacing:.14em;color:var(--ink-2);margin-bottom:12px;font-size:11.5px;font-weight:700}.aside-panel p{color:var(--ink-2);font-size:12px;line-height:1.6}.surah-distribution{gap:4px;display:grid}.surah-filter{text-align:left;width:100%;color:var(--ink);background:0 0;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:13.5px;display:flex;position:relative;overflow:hidden}.surah-filter:before{content:"";width:var(--bar-width,0);background:color-mix(in oklab, var(--brand) 12%, transparent);border-radius:inherit;position:absolute;inset:0 auto 0 0}.surah-filter>*{position:relative}.surah-filter [lang=ar]{font-family:var(--arabic);color:var(--brand);font-size:17px}.surah-filter strong{color:var(--brand);margin-left:auto}.surah-filter.active,.surah-filter[aria-pressed=true]{background:var(--glass-strong)}.surah-filter:hover{background:var(--well)}.filter-reset{color:var(--brand);text-underline-offset:3px;background:0 0;margin-top:10px;padding:2px 0;font-size:12.5px;text-decoration:underline}.threshold-heading,.similarity-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.threshold-heading h2,.threshold-heading h3,.similarity-heading h2{margin-bottom:0}.threshold-value,.similarity-heading output{font-family:var(--serif);color:var(--brand);font-size:24px;line-height:1}input[type=range]{width:100%;accent-color:var(--brand);cursor:pointer;margin:12px 0 6px}.shortcuts,.shortcut-list{color:var(--ink-2);gap:9px;font-size:13px;display:grid}.shortcut-row,.shortcuts>div,.shortcut-list>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.shortcut-row>span:last-child{gap:4px;display:inline-flex}.score-note{color:var(--ink-2);font-size:12px;line-height:1.6}.filtered-empty{border:1px solid var(--glass-border);background:var(--glass);box-shadow:var(--glass-inset);color:var(--ink-2);text-align:center;border-radius:20px;padding:22px;font-size:14px}.filtered-empty button{color:var(--brand);text-underline-offset:3px;background:0 0;padding:2px 0;font-weight:600;text-decoration:underline}.mushaf-panel{border-radius:28px;padding:clamp(20px,3vw,36px)}.mushaf-surah,.mushaf-heading{border-bottom:1px solid var(--line);color:var(--ink-2);justify-content:center;align-items:center;gap:12px;margin:6px 0 12px;padding:14px 0;font-size:13px;display:flex}.mushaf-surah [lang=ar]{font-family:var(--arabic);color:var(--brand);font-size:24px}.mushaf-heading [lang=ar]{font-family:var(--arabic);color:var(--brand);font-size:24px}.mushaf-arabic{font-family:var(--arabic);text-align:justify;text-align-last:right;overflow-wrap:anywhere;font-size:clamp(26px,3vw,33px);line-height:2.15}.ayah-marker{color:var(--brand);white-space:nowrap;margin:0 .3em;font-size:.8em}.mushaf-translations{color:var(--ink-2);gap:10px;padding-top:20px;font-size:13.5px;line-height:1.7;display:grid}.mushaf-translations b,.mushaf-translations strong{color:var(--brand)}.pagination{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:2px;padding:8px 0;font-size:13px;display:flex}.page-controls{align-items:center;gap:10px;display:flex}.page-arrow{border:1px solid var(--glass-edge);background:var(--well);width:36px;height:36px;color:var(--brand);border-radius:50%;place-items:center;display:grid}.page-arrow svg{width:16px;height:16px}.page-arrow:hover{background:var(--glass-strong)}.page-arrow.disabled{opacity:.4}.page-current{color:var(--brand);padding:0 6px;font-size:13px;font-weight:600}.empty-state{text-align:center;border-radius:28px;padding:clamp(36px,6vw,64px) 24px;animation:.4s both rise}.empty-icon{background:var(--well);border:1px solid var(--glass-edge);width:64px;height:64px;color:var(--brand);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.empty-icon svg{width:26px;height:26px}.empty-state h2{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 10px;font-size:clamp(30px,4vw,44px);font-weight:400}.empty-state p{max-width:470px;color:var(--ink-2);text-wrap:pretty;margin:0 auto 22px;font-size:15px;line-height:1.7}.empty-state .suggestions{margin:0 auto 20px}.empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.primary-link{min-height:44px}.secondary-link{border:1px solid var(--glass-edge);background:var(--well);min-height:44px;color:var(--ink-2);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex}.secondary-link:hover{background:var(--glass-strong);color:var(--brand)}.secondary-link svg{width:16px;height:16px}.text-link{color:var(--brand);font-size:14px;font-weight:600}.empty-state>.text-link{margin-top:18px;display:block}.error-state>svg{color:var(--gold);width:28px;height:28px;margin-bottom:16px}.loading-state{min-height:44px;color:var(--ink-2);justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.skeleton-list{gap:16px;max-width:860px;display:grid}.skeleton-card{border-radius:24px;padding:26px 30px}.skeleton-header,.skeleton-heading{align-items:center;gap:14px;display:flex}.skeleton,.ui-skeleton,.skeleton-block{background:linear-gradient(90deg, var(--well) 25%, var(--glass-strong) 50%, var(--well) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s linear infinite shimmer;display:block}.skeleton-rank,.skeleton-avatar{border-radius:14px;width:44px;height:44px}.skeleton-title{width:150px;height:14px;margin-bottom:8px}.skeleton-subtitle{width:90px;height:10px}.skeleton-line{width:100%;height:28px;margin:24px 0 10px}.skeleton-line.short{width:70%;margin:0 0 0 auto}.skeleton-text{width:92%;height:12px;margin-top:20px}.skeleton-text.short{width:60%;margin-top:8px}dialog{color:var(--ink)}dialog:not([open]){display:none}dialog::backdrop{backdrop-filter:blur(8px);background:rgba(8,18,14,.42);animation:.15s fadein}.command-dialog,.saved-sheet,.voice-dialog,.copy-dialog{background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(30px)saturate(180%);padding:0;animation:.25s cubic-bezier(.2,.7,.2,1) both rise}.command-dialog{border-radius:24px;width:min(640px,100vw - 24px);max-width:none;max-height:calc(86dvh - 24px);margin:0 auto;position:fixed;top:min(14vh,120px);left:12px;right:12px;overflow:hidden}.command-input-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 18px;display:flex}.command-input-row>svg{width:18px;height:18px;color:var(--brand)}.command-input-row input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:4px 0;font-size:16px}.command-content{max-height:min(60vh,420px);padding:8px;overflow:auto}.command-group-label{letter-spacing:.12em;color:var(--ink-2);padding:8px 10px 6px;font-size:11px;font-weight:700}.command-item{width:100%;color:var(--ink);text-align:left;background:0 0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.command-item:hover,.command-item.active,.command-item[aria-selected=true],.command-item[data-selected=true]{background:var(--well)}.command-glyph{background:var(--well);width:28px;height:28px;color:var(--brand);border-radius:9px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.command-glyph svg{width:15px;height:15px}.command-item>span:not(.command-glyph){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.command-footer{border-top:1px solid var(--line);color:var(--ink-2);flex-wrap:wrap;gap:16px;padding:10px 18px;font-size:12px;display:flex}.command-footer kbd{background:var(--well);min-height:18px;padding:2px 5px}.saved-sheet{border-radius:28px;width:min(420px,92vw);max-width:none;height:calc(100dvh - 24px);max-height:none;margin:0;position:fixed;inset:12px 12px 12px auto;overflow:hidden}.saved-sheet[open]{flex-direction:column;display:flex}.saved-sheet::backdrop{backdrop-filter:blur(6px);background:rgba(8,18,14,.38)}.sheet-header{justify-content:space-between;align-items:center;gap:12px;padding:22px 22px 12px;display:flex}.sheet-header h2{font-family:var(--serif);margin-top:4px;font-size:32px;font-weight:400;line-height:1}.sheet-header .icon-button{width:38px;height:38px}.saved-list{flex:1;align-content:start;gap:10px;padding:6px 16px 22px;display:grid;overflow:auto}.saved-item{background:var(--well);border:1px solid var(--glass-edge);border-radius:16px;padding:14px 16px}.saved-item-header{justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.saved-item-actions{align-items:center;gap:4px;display:flex}.saved-item-actions button{min-height:30px;color:var(--brand);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.saved-item-actions button:last-child{width:30px;color:var(--ink-2);padding:0}.saved-item-actions button:hover{background:var(--glass-strong)}.saved-item-actions button:last-child:hover{color:var(--destructive)}.saved-item-actions svg{width:14px;height:14px}.saved-arabic{font-family:var(--arabic);text-align:right;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:21px;line-height:1.9;display:-webkit-box;overflow:hidden}.saved-empty{color:var(--ink-2);padding:10px 6px;font-size:14px;line-height:1.7}.voice-dialog{text-align:center;border-radius:32px;width:min(420px,100vw - 32px);max-width:none;padding:36px 28px 26px}.voice-dialog::backdrop{backdrop-filter:blur(10px);background:rgba(8,18,14,.45)}.voice-orb{place-items:center;width:112px;height:112px;margin:0 auto;display:grid;position:relative}.voice-orb:before,.voice-orb:after{content:"";background:var(--brand);opacity:.16;border-radius:50%;animation:1.6s ease-in-out infinite voice-pulse;position:absolute;inset:0}.voice-orb:after{opacity:.26;animation-delay:-.4s;inset:14px}.voice-core{z-index:1;background:var(--btn-bg);width:56px;height:56px;color:var(--btn-ink);box-shadow:0 12px 30px -12px var(--brand);border-radius:50%;place-items:center;display:grid;position:relative}.voice-core svg{width:24px;height:24px}.voice-dialog h2{font-family:var(--serif);margin:22px 0 6px;font-size:32px;font-weight:400;line-height:1.1}.voice-dialog p{min-height:44px;color:var(--ink-2);margin-bottom:18px;font-size:14px;line-height:1.6}.voice-label{border:1px solid var(--glass-edge);background:var(--well);color:var(--ink-2);letter-spacing:.12em;border-radius:999px;align-items:center;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.voice-dialog .secondary-link{min-height:40px;margin-top:20px;font-size:13.5px}.toast-message{z-index:80;border:1px solid var(--glass-border);background:var(--glass-strong);max-width:calc(100vw - 24px);color:var(--ink);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);pointer-events:none;border-radius:999px;align-items:center;gap:10px;padding:10px 16px 10px 12px;font-size:13.5px;font-weight:500;animation:.25s both toast-in;display:inline-flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast-icon{background:var(--brand);width:22px;height:22px;color:var(--btn-ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.toast-icon svg{stroke-width:2.6px;width:12px;height:12px}.copy-dialog{border-radius:24px;width:min(600px,100vw - 40px);max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:28px;position:fixed;inset:0;overflow:auto}.copy-dialog h2{font-family:var(--serif);margin-bottom:10px;font-size:32px;font-weight:400}.copy-dialog p{color:var(--ink-2);margin-bottom:15px;font-size:13px;line-height:1.6}.copy-dialog textarea{border:1px solid var(--glass-edge);background:var(--well);width:100%;color:var(--ink);resize:vertical;border-radius:14px;padding:14px;font-size:14px;line-height:1.9}.copy-dialog form{justify-content:flex-end;margin-top:15px;display:flex}.copy-dialog button{background:var(--btn-bg);color:var(--btn-ink);border-radius:999px;min-height:40px;padding:0 18px;font-size:13px}.bottom-nav{display:none}.document-page{z-index:1;max-width:840px;min-height:calc(100vh - 190px);margin:0 auto;padding:64px 28px 80px;position:relative}.document-page>h1{font-family:var(--serif);letter-spacing:-.02em;color:var(--brand);margin:21px 0;font-size:clamp(40px,6vw,64px);font-weight:400;line-height:1.04}.document-lead{color:var(--ink-2);margin-bottom:45px;font-size:18px;line-height:1.8}.document-page>section{margin:35px 0}.document-page section h2{margin-bottom:13px;font-size:21px;font-weight:600}.document-page section p{color:var(--ink-2);margin-bottom:14px;font-size:15px;line-height:1.8}.about-links{flex-wrap:wrap;align-items:center;gap:14px;margin-top:23px;display:flex}.about-links>a{color:var(--brand);align-items:center;gap:8px;font-size:13px;display:inline-flex}.about-links svg{width:13px;height:13px}.platform-section{border-top:1px solid var(--line);padding-top:30px}.guide-steps{flex-direction:column;gap:30px;margin:36px 0 40px;display:flex}.guide-steps section{gap:20px;display:flex}.step-number{border:1px solid var(--glass-edge);background:var(--well);width:44px;height:44px;color:var(--brand);font-family:var(--serif);border-radius:14px;flex-shrink:0;place-items:center;font-size:22px;display:grid}.guide-steps section h2{font-size:17px}.guide-steps section p{margin:0}.guide-examples{border-radius:24px;margin:30px 0;padding:26px}.guide-examples h2{font-size:18px;font-weight:600}.guide-examples .suggestions{justify-content:flex-start}.document-page.empty-state{min-height:auto;margin:70px auto}.ui-button{cursor:pointer;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.ui-button[data-variant=outline],.ui-button[data-variant=bordered]{border:1px solid var(--glass-edge);color:var(--brand);background:0 0}.ui-button[data-variant=secondary],.ui-button[data-variant=accent]{background:var(--well);color:var(--brand)}.ui-button[data-variant=ghost]{color:var(--ink-2);background:0 0}.ui-button[data-variant=link]{color:var(--brand);text-underline-offset:3px;background:0 0;text-decoration:underline}.ui-button[data-variant=destructive]{background:var(--destructive);color:#fff}.ui-button[data-variant=warning]{background:color-mix(in oklab, var(--gold) 20%, transparent);color:var(--ink)}.ui-button[data-variant=success]{background:var(--well);color:var(--brand)}.ui-button[data-size=sm]{min-height:32px;font-size:13px}.ui-button[data-size=lg]{min-height:44px}.ui-button[data-size=icon],.ui-button[data-size=icon-sm],.ui-button[data-size=icon-xs]{aspect-ratio:1;padding:0}.ui-input{min-width:0}.ui-input[aria-invalid=true]{border-color:var(--destructive)}.ui-input[type=hidden]{display:none}.ui-badge{border-radius:999px;align-items:center;display:inline-flex}.ui-badge[data-variant=secondary],.ui-badge[data-variant=accent],.ui-badge[data-variant=muted]{background:var(--well);color:var(--ink-2)}.ui-badge[data-variant=outline]{border:1px solid var(--line)}.ui-badge[data-variant=success]{background:color-mix(in oklab, var(--brand) 12%, transparent);color:var(--brand)}.ui-badge[data-variant=warning]{background:color-mix(in oklab, var(--gold) 18%, transparent);color:var(--ink)}.ui-badge[data-variant=destructive]{color:var(--destructive)}.ui-badge[data-variant=info]{color:var(--brand)}.ui-badge[data-size=sm]{font-size:11px}.ui-badge[data-size=lg]{font-size:14px}.ui-card-header,.ui-card-content,.ui-card-footer{padding-inline:24px}.ui-card-title{font-weight:600;line-height:1.2}.ui-card-description{color:var(--ink-2);font-size:14px}.ui-card-footer{align-items:center;gap:8px;display:flex}.ui-separator{background:var(--line);flex-shrink:0}.ui-separator[data-orientation=horizontal]{width:100%;height:1px}.ui-separator[data-orientation=vertical]{align-self:stretch;width:1px}.ui-switch{position:relative}.ui-switch>input[type=checkbox]{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.ui-switch .switch-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px rgba(0,0,0,.25)}.ui-switch input:checked+.switch-track{background:var(--brand)}.ui-switch input:checked+.switch-track:after{transform:translate(18px)}.ui-switch input:focus-visible+.switch-track{outline:3px solid var(--focus);outline-offset:4px}.ui-tooltip{display:inline-flex;position:relative}.ui-tooltip>summary{cursor:help;width:22px;height:22px;list-style:none}.ui-tooltip>summary::-webkit-details-marker{display:none}.ui-tooltip>summary svg{width:13px;height:13px}.ui-tooltip[open]>summary{color:var(--brand)}.verse-cards{gap:16px;display:grid}.verse-card-wrapper{min-width:0}.surah-filter>.surah-bar{background:color-mix(in oklab, var(--brand) 12%, transparent);border-radius:inherit;position:absolute;inset:0 auto 0 0}.surah-filter>.surah-name{flex:1;min-width:0}.filter-scope{margin:-4px 0 12px;font-size:11px!important}.shortcut-list{margin:0;padding:0}.shortcut-list dd{margin:0}.mushaf-note{color:var(--ink-2);text-align:center;margin-bottom:18px;font-size:12px}.mushaf-heading{font-weight:400}.mushaf-heading small{font:400 13px Hanken Grotesk,sans-serif}.skeleton-arabic{width:100%;height:28px;margin:24px 0 10px}.skeleton-arabic.short{width:70%;margin:0 0 0 auto}.skeleton-block.skeleton-line{width:92%;height:12px;margin:20px 0 0}.skeleton-block.skeleton-line.short{width:60%;margin:8px 0 0}.context-loading{color:var(--ink-2);font-size:13px}.context-trigger svg{transition:transform .2s}.context-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.verse-action.saved{color:var(--brand)}.verse-action.saved svg{fill:currentColor}.command-escape{background:0 0;padding:0}.command-item>svg:last-child{width:14px;height:14px;color:var(--ink-2);margin-left:auto}.saved-empty>svg{color:var(--brand);margin:8px 0 12px}.saved-empty h3{color:var(--ink);margin-bottom:8px;font-size:16px;font-weight:600}[data-theme]{--btn-bg:var(--brand);--background:var(--bg);--foreground:var(--ink);--card:var(--glass-strong);--card-foreground:var(--ink);--primary:var(--brand);--primary-foreground:var(--btn-ink);--secondary:var(--well);--secondary-foreground:var(--brand);--muted:var(--well);--muted-foreground:var(--ink-2);--accent:var(--chip);--accent-foreground:var(--brand);--border:var(--line);--input:var(--glass-edge);--ring:var(--focus);--text:var(--ink);--green:var(--brand);--text-secondary:var(--ink-2)}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(7vw,5vw)scale(1.14)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes voice-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@media (width>=760px) and (width<=980px){.header-inner{gap:8px;padding-left:12px}.nav-link{padding-inline:11px}.header-actions{gap:5px}.command-trigger{padding:0 8px}.command-trigger>span{display:none}.header-quran{padding-inline:12px}}@media (width<=759px){.app-shell{padding-bottom:90px}.header-inner nav,.command-trigger,.header-quran{display:none}.header-inner{padding-left:16px}.header-actions{margin-left:auto}.search-submit{width:48px;padding:0}.search-submit>span{display:none}.search-input-row{gap:10px;padding-left:18px}.search-bottom-row{padding-left:18px}.input-hint,.phonetic-hint,.phonetic-preview{font-size:12.5px}.corpus-strip{border-radius:26px}.results-heading{align-items:flex-start}.results-heading>div:first-child{flex-basis:100%}.result-options{gap:12px}.results-aside{flex-basis:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));width:100%;position:static}.results-layout{gap:24px}.verse-actions button{padding:0 10px}.similarity-label,.score-label{display:none}.bottom-nav{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:30;border:1px solid var(--glass-border);background:var(--glass-strong);box-shadow:var(--glass-inset), var(--glass-shadow);backdrop-filter:blur(30px)saturate(180%);border-radius:26px;grid-template-columns:repeat(4,1fr);gap:2px;padding:6px;display:grid;position:fixed}.bottom-nav>a,.bottom-nav>button{min-height:53px;color:var(--ink-2);background:0 0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:11px;font-weight:500;display:flex}.bottom-nav>a[aria-current=page],.bottom-nav>.active,.bottom-nav>[data-active=true],.bottom-nav>button[aria-pressed=true]{background:var(--well);color:var(--brand);font-weight:600}.bottom-nav svg{width:20px;height:20px}.saved-sheet{border-radius:28px 28px 0 0;width:100%;height:auto;max-height:78dvh;inset:auto 0 0}.saved-list{padding-bottom:max(22px, env(safe-area-inset-bottom))}.toast-message{bottom:96px}.document-page{padding:44px 22px 56px}.document-page.empty-state{margin:40px 12px}.desktop-break{display:none}}@media (width<=480px){.hero .eyebrow{letter-spacing:.13em;font-size:9px}.hero h1{font-size:clamp(44px,12.8vw,61px)}.search-input-row{gap:8px;padding:10px 9px 10px 14px}.search-input-row input{font-size:16px}.input-search-icon{width:19px;height:19px}.microphone-button,.voice-trigger.icon-button{width:40px;height:40px}.clear-button,.search-clear.icon-button{width:28px;height:28px}.search-bottom-row{gap:10px;padding:10px 14px 12px}.input-hint{width:100%}.input-hint,.phonetic-hint,.phonetic-preview{font-size:12px}.vowel-options,.search-options,.vowel-controls{margin-left:auto}.suggestions{gap:7px}.suggestions>span{justify-content:center;width:100%}.suggestion{padding-inline:12px;font-size:12px}.corpus-strip{gap:12px 18px;padding:14px 18px;font-size:12px}.stat-separator{display:none}.corpus-strip>div:last-child{flex-basis:100%;justify-content:center}.section-heading{gap:12px}.section-heading h2{line-height:1.2}.section-rule{width:30px}.feature-card{padding:26px 24px 28px}.footer-credit{gap:12px}.footer-credit>span:last-child{font-size:12px}.footer-inner{gap:18px}.footer-links{font-size:12px}.verse-heading,.verse-reference{gap:10px}.rank{border-radius:12px;width:38px;height:40px;font-size:20px}.verse-reference h2{font-size:15px}.surah-title,.verse-title{gap:6px}.verse-reference p{font-size:11.5px}.similarity-ring,.similarity-ring svg,.score-ring,.score-ring svg{width:46px;height:46px}.similarity-ring>span,.score-ring>strong{font-size:11.5px}.verse-actions button{padding-inline:8px;font-size:12px}.result-options label{font-size:12px}.result-meta,.results-meta{gap:8px;font-size:12px}.translation{font-size:14px}.match-chip,.phrase-chip{gap:7px}.match-chip em,.phrase-chip em{font-size:12px}.pagination{gap:10px;font-size:12px}.page-controls{gap:6px}.page-current{padding-inline:3px}.skeleton-card{padding:22px 18px}.document-lead{margin-bottom:30px;font-size:16px}.document-page section h2{font-size:18px}.document-page section p{font-size:14px}.guide-steps section{gap:14px}.guide-steps section h2{font-size:16px}.guide-examples{padding:22px}.command-footer{gap:10px;padding-inline:14px;font-size:11px}.copy-dialog{padding:22px}}@supports not (backdrop-filter:blur(1px)){:root{--glass:rgba(252,253,250,.97);--glass-strong:#fff;--spec:.5}[data-theme=dark]{--glass:rgba(20,33,29,.97);--glass-strong:#16231f}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.ambient-orb{will-change:auto}}