.islands-shell{--islands-water:#c9e5df;--islands-water-ink:#245650;--islands-gold:#e7b94f;--islands-gold-edge:#876020;min-height:100dvh;background:var(--bg);color:var(--ink);direction:ltr;isolation:isolate;--site-navigation-clearance:104px}.dark .islands-shell{--islands-water:#193e42;--islands-water-ink:#c0dfd4;--islands-gold:#f0c964;--islands-gold-edge:rgb(245 225 190/.8)}.islands-shell *{box-sizing:border-box}.islands-shell button{touch-action:manipulation}.islands-shell button:focus-visible,.islands-shell summary:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:4px}.islands-shell button:disabled{cursor:default;opacity:.45}.islands-shell button:not(:disabled){cursor:pointer}.islands-topbar{position:sticky;top:0;z-index:35;background:var(--bg);border-bottom:1px solid var(--line)}.islands-topbar-inner{max-width:1080px;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:auto;padding:8px max(16px,env(safe-area-inset-left)) 8px max(16px,env(safe-area-inset-right))}.islands-brand{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:22px;font-weight:800}.islands-brand .p4-logo-mark{width:38px;height:38px}.islands-header-actions{display:flex;gap:4px;align-items:center;flex:none}.islands-header-actions>.ui-button{width:48px;height:48px}.islands-back{display:flex;align-items:center;gap:9px;min-width:96px;min-height:48px;font-size:16px;font-weight:650;border-radius:12px;padding:8px 12px 8px 0}.islands-back svg{width:24px;height:24px}.islands-icon-button{min-width:48px;min-height:48px;display:inline-grid;place-items:center;flex:none;border-radius:50%;padding:10px;color:var(--ink)}.islands-icon-button svg{width:22px;height:22px}.islands-refresh{color:var(--ink-2)}.islands-main{min-width:0}.islands-main,.islands-shell[data-view=mushaf] .islands-main{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}.islands-page-notice,.islands-sync-notice{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:var(--gold-wash);color:var(--ink);padding:8px 16px;font-size:13px}.islands-page-notice>svg,.islands-sync-notice>svg{width:18px;height:18px;flex:none}.islands-page-notice>button,.islands-sync-notice>button{min-height:44px;text-decoration:underline;text-underline-offset:3px;font-weight:650;display:flex;align-items:center;gap:6px}.islands-sync-notice>button{min-width:44px;justify-content:center}.islands-sync-notice>button svg{width:18px;height:18px}.islands-page-notice>button svg{width:16px;height:16px}.islands-view-toggle{display:grid;grid-template-columns:1fr 1fr;width:min(336px,calc(100% - 32px));margin:20px auto 4px;border:1px solid var(--line);padding:4px;border-radius:999px;background:var(--bg-elev)}.islands-view-toggle>button{min-height:48px;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:999px;font-size:15px;font-weight:650;color:var(--ink-2)}.islands-view-toggle>button>svg{width:20px;height:20px}.islands-view-toggle>button[aria-pressed=true]{background:var(--brand);color:var(--brand-ink)}.islands-shell .islands-dock{display:block;max-width:360px;height:64px}.islands-shell .islands-dock .site-nav-item{min-height:62px}.islands-shell .islands-dock .site-navigation-pill{direction:ltr;box-shadow:0 4px 24px rgb(0 0 0/.12)}.islands-shell .islands-dock-viewport:before{background:linear-gradient(to bottom,transparent,var(--bg) 36px);height:112px}.islands-shell[data-view=map] .islands-dock-viewport:before{background:linear-gradient(to bottom,transparent,var(--islands-water) 36px)}.islands-dock-initial{width:22px;height:22px;display:grid;place-items:center;border:1.6px solid;border-radius:50%;font-size:13px;line-height:1;font-weight:750}.islands-shell[data-view=map]{background:var(--islands-water)}.islands-map{position:relative;width:100%;max-width:1000px;margin:auto;color:var(--islands-water-ink)}.islands-map-intro{text-align:center;padding:34px 16px 32px;max-width:420px;margin:auto}.islands-map-intro>svg{width:28px;height:28px;margin:0 auto 12px;color:hsl(var(--emerald))}.islands-map-intro h1{font-size:30px;letter-spacing:-.04em;color:var(--ink)}.islands-map-intro p{font-size:14px;margin-top:10px;line-height:1.6}.islands-path{position:relative;z-index:1;padding-top:8px}.islands-path-stop{position:relative;min-height:350px;display:flex;justify-content:center;scroll-margin-top:96px}.islands-map-node{--islands-node-size:min(300px,72vw);position:relative;width:var(--islands-node-size);height:350px;flex:none;transform:translateX(-22px)}.islands-path-stop:nth-child(2n) .islands-map-node{transform:translateX(22px)}.islands-map-node .islands-art{position:absolute;left:0;top:-4px;width:100%;height:var(--islands-node-size)}.islands-map-node .islands-art>img{filter:drop-shadow(0 14px 8px rgb(24 82 69/.12))}.islands-path-thread{position:absolute;left:calc(50% - 4px);top:60%;height:80%;width:8px;border-left:5px dotted color-mix(in srgb,var(--islands-water-ink) 30%,transparent);transform:rotate(-18deg);transform-origin:top center;pointer-events:none}.islands-path-stop:nth-child(2n) .islands-path-thread{transform:rotate(18deg)}.islands-path-stop:last-child .islands-path-thread{height:48%}.islands-path-stop[data-current=true]{min-height:390px}.islands-map-hit{position:absolute;inset:10% 0 0;z-index:2;clip-path:polygon(50% 0,100% 22%,100% 90%,75% 100%,25% 100%,0 90%,0 22%);border-radius:42%;background:transparent}.islands-map-hit:focus-visible{clip-path:none;outline-offset:0;background:rgb(255 255 255/.08)}.islands-map-hit:active+.islands-map-label{transform:translateX(-50%) translateY(2px)}.islands-map-label{position:absolute;top:calc(var(--islands-node-size) - 16px);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% + 34px);display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none;z-index:3}.islands-map-name{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 13px 7px 7px;border:1px solid color-mix(in srgb,var(--islands-water-ink) 18%,transparent);border-radius:999px;background:var(--bg-elev);box-shadow:0 3px 0 rgb(33 72 60/.06);color:var(--ink);max-width:100%}.islands-map-name strong{font-size:16px;line-height:1.2;font-weight:750;overflow-wrap:anywhere}.islands-number{display:grid;place-items:center;flex:none;background:var(--brand);color:var(--brand-ink);width:32px;height:32px;border-radius:50%;font-weight:750;font-size:14px;font-variant-numeric:tabular-nums;line-height:1}.islands-path-stop[data-current=true] .islands-map-name{border:2px solid hsl(var(--emerald));padding:6px 12px 6px 6px}.islands-current,.islands-map-checked,.islands-map-status,.islands-repeat{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:650;line-height:1.3}.islands-current{background:var(--islands-water-ink);color:var(--islands-water);padding:5px 9px;border-radius:8px}.islands-current svg,.islands-map-checked svg,.islands-map-status svg,.islands-repeat svg{width:14px;height:14px;flex:none}.islands-repeat{color:var(--islands-water-ink)}.islands-path-start{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:13px;padding:20px 16px 8px}.islands-path-start>span{display:block;width:14px;height:14px;border:4px solid var(--islands-water-ink);border-radius:50%;opacity:.6}.islands-art{position:relative;aspect-ratio:1;isolation:isolate}.islands-art>img{display:block;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .16s ease}.islands-art[data-state=loading]>img{opacity:0}.islands-art-loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.islands-art-loading>span:first-child,.islands-loading-dot{display:block;width:12px;height:12px;border:2px solid hsl(var(--emerald));border-radius:50%;background:hsl(var(--emerald)/.2)}.islands-art-error{position:absolute;inset:22% 4% 8%;display:grid;align-content:center;justify-items:center;gap:10px;text-align:center;color:var(--ink-2);font-size:13px;background:color-mix(in srgb,var(--bg-elev) 80%,transparent);border-radius:24px;z-index:4}.islands-art-error>svg{width:28px;height:28px}.islands-art-error>button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elev);font-weight:650}.islands-art-error>button>svg{width:16px;height:16px}.islands-stars{display:flex;justify-content:center;gap:5px;min-height:40px;color:var(--islands-gold-edge)}.islands-star{position:relative;flex:none}.islands-star,.islands-star svg{display:block;width:40px;height:40px}.islands-star svg{stroke:var(--islands-gold-edge);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.islands-star-outline{fill:var(--bg-elev)}.islands-star-fill{position:absolute;left:0;top:0;height:100%;overflow:hidden}.islands-star-fill svg{fill:var(--islands-gold);max-width:none}.islands-stars-small{gap:2px;min-height:23px}.islands-stars-small .islands-star,.islands-stars-small svg{width:23px;height:23px}.islands-stars-small svg{stroke-width:2.8}.islands-ayah-progress{display:grid;justify-items:center;gap:10px;color:var(--ink-2);font-size:13px}.islands-ayah-dots{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;max-width:260px}.islands-ayah-dots>span{width:11px;height:11px;flex:none;border:1.5px solid hsl(var(--emerald));border-radius:50%;background:var(--bg-elev)}.islands-ayah-dots>span[data-accepted=true]{background:hsl(var(--emerald))}.islands-ayah-progress.is-compact .islands-ayah-dots{gap:4px;max-width:160px}.islands-ayah-progress.is-compact .islands-ayah-dots>span{width:9px;height:9px}.islands-ayah-dots>progress{height:10px;width:160px;accent-color:hsl(var(--emerald))}.islands-detail{max-width:960px;margin:auto;display:grid;padding:0 18px 24px;min-width:0}.islands-detail-scene{width:min(100%,420px);margin:0 auto -8px;max-height:420px}.islands-detail-content{min-width:0;display:grid;justify-items:center;align-content:start;gap:16px;width:min(100%,430px);margin:auto}.islands-detail-title{display:flex;align-items:center;gap:12px;text-align:center;max-width:100%}.islands-detail-title h1{font-size:clamp(25px,6.3vw,34px);line-height:1.15;overflow-wrap:anywhere}.islands-detail-title .islands-number{width:36px;height:36px;font-size:16px}.islands-detail-status{display:flex;align-items:center;justify-content:center;gap:8px;color:hsl(var(--emerald))}.islands-detail-status h2{font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.01em}.islands-detail-status>svg{width:23px;height:23px}.islands-detail-status[data-needs-repeat=true]{color:var(--repeat)}.islands-check-caption{font-size:13px;line-height:1.6;color:var(--ink-2);text-align:center;max-width:28ch}.islands-next-growth{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2);text-align:center}.islands-half-step{width:16px;height:16px;flex:none;border:1.5px dashed var(--islands-gold-edge);border-radius:50%;background:linear-gradient(to right,var(--islands-gold) 50%,transparent 50%)}.islands-primary-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px;width:100%;position:relative;margin-top:4px}.islands-action{min-height:60px;height:60px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;border:1px solid transparent;border-radius:var(--radius-button);font-size:17px;line-height:1.25;font-weight:700;max-width:100%;text-decoration:none;transition:background-color .12s ease,transform .12s ease}.islands-action-secondary>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.islands-action>svg{width:27px;height:27px;flex:none}.islands-action-primary{background:var(--brand);color:var(--brand-ink);box-shadow:0 3px 0 color-mix(in srgb,var(--brand) 80%,#000)}.islands-action-primary:active{transform:translateY(2px);box-shadow:none}.islands-action-secondary{background:var(--bg-elev);color:var(--ink);border-color:var(--line)}.islands-count{display:inline-grid;place-items:center;min-width:22px;min-height:22px;padding:2px 5px;border-radius:50%;font-size:12px;background:var(--gold-wash);color:var(--repeat);vertical-align:middle}.islands-no-errors{min-height:58px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:600;color:hsl(var(--emerald));text-align:center}.islands-no-errors>svg{width:22px;height:22px;flex:none}.islands-audio{display:contents}.islands-audio>.islands-action{width:100%;grid-column:1;grid-row:1}.islands-primary-actions>.islands-action-secondary,.islands-primary-actions>.islands-no-errors{grid-column:2;grid-row:1}.islands-audio-panel{grid-column:1/-1;grid-row:2;width:100%;margin-top:6px;padding:12px 16px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-card);color:var(--ink)}.islands-audio-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.islands-audio-heading>.islands-icon-button{width:44px;height:44px;min-width:44px;min-height:44px}.islands-audio-controls{display:flex;align-items:center;justify-content:center;gap:26px;padding:4px 0 8px}.islands-audio-play{background:var(--brand);color:var(--brand-ink);width:54px;height:54px}.islands-audio-panel>p{display:flex;gap:8px;font-size:12px;line-height:1.6;color:var(--repeat);margin:6px 0}.islands-audio-panel>p>svg{width:18px;height:18px;flex:none}.islands-result-details{margin-top:8px;width:100%;font-size:13px;color:var(--ink-2);border-top:1px solid var(--line)}.islands-result-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;list-style:none;cursor:pointer;font-weight:600}.islands-result-details summary>svg{width:17px;height:17px;transition:transform .12s ease}.islands-result-details[open] summary>svg{transform:rotate(90deg)}.islands-result-details p{line-height:1.7;margin-bottom:12px}.islands-result-details dl{display:grid;gap:8px}.islands-result-details dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px}.islands-profile{max-width:640px;margin:0 auto;padding:36px 20px 20px}.islands-profile-heading{display:grid;justify-items:center;gap:14px;text-align:center;margin-bottom:36px}.islands-profile-heading h1{font-size:30px;overflow-wrap:anywhere;max-width:100%}.islands-initial{display:grid;place-items:center;width:78px;height:78px;border:1px solid color-mix(in srgb,hsl(var(--emerald)) 35%,transparent);border-radius:50%;background:color-mix(in srgb,hsl(var(--emerald)) 12%,var(--bg-elev));color:hsl(var(--emerald));font-size:34px;font-weight:750}.islands-test-badge{font-size:11px;color:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:3px 7px}.islands-profile-progress{padding:24px 0;border-block:1px solid var(--line);display:grid;gap:22px}.islands-profile-stat{display:flex;align-items:center;gap:18px}.islands-profile-stat>svg{width:30px;height:30px;flex:none;color:hsl(var(--emerald))}.islands-profile-total>svg{color:var(--islands-gold-edge);fill:var(--islands-gold)}.islands-profile-stat p{display:grid;gap:3px;font-size:13px;color:var(--ink-2)}.islands-profile-stat strong{font-size:28px;font-weight:750;color:var(--ink);line-height:1.2;font-variant-numeric:tabular-nums}.islands-profile-stat strong span{font-size:17px;font-weight:500;color:var(--ink-2)}.islands-mini-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.islands-mini-path>button{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-width:0;min-height:52px;border-radius:12px;padding:8px 10px;color:#1d2a2a;background:#efebe3;text-align:left}.islands-surah-fill{position:absolute;inset:0 auto 0 0;background:#bfe3cb;z-index:-1;pointer-events:none}.islands-surah-name{min-width:0;font-size:13px;font-weight:600;line-height:1.3;overflow-wrap:normal}.islands-surah-check{width:16px;height:16px;flex:none}.dark .islands-mini-path>button{background:#273738;color:#f1f4ef}.dark .islands-surah-fill{background:#35634d}.islands-history{padding-top:30px}.islands-history h2{font-size:21px;margin-bottom:20px}.islands-history ol{display:grid;gap:0;list-style:none;padding:0;margin:0}.islands-history li{display:block;padding:9px 0;border-bottom:1px solid var(--line)}.islands-history-days{display:grid;gap:24px}.islands-history-day h3{font-size:14px;font-weight:700;margin-bottom:8px}.islands-history-day time{display:flex;gap:10px;align-items:baseline}.islands-history-day time>span{font-size:11px;font-weight:400;color:var(--ink-2)}.islands-history-date time{display:grid;gap:4px}.islands-history-date strong{font-size:14px;font-weight:700}.islands-history-date span{font-size:10px;color:var(--ink-2)}.islands-history-results{display:grid;gap:4px;min-width:0}.islands-history-results>button{display:flex;align-items:center;gap:8px;min-height:48px;text-align:left;border-radius:10px;font-size:12px;min-width:0}.islands-history-results>button>span:nth-child(2){overflow-wrap:anywhere;flex:1;min-width:0}.islands-history-surah{display:grid;gap:3px}.islands-history-surah small{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:var(--ink-2);font-weight:400}.islands-history-number{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;background:var(--bg-elev-2);font-size:11px;font-weight:650}.islands-history-stars{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;flex:none;white-space:nowrap}.islands-history-stars svg{width:17px;height:17px;color:var(--islands-gold-edge);fill:var(--islands-gold)}.islands-history-part{font-size:10px;color:var(--ink-2)}.islands-history-reading{min-height:48px;font-size:12px;overflow-wrap:anywhere}.islands-empty-history,.islands-history-reading{display:flex;align-items:center;line-height:1.6;color:var(--ink-2)}.islands-empty-history{gap:12px;font-size:14px;padding:12px 0 22px}.islands-empty-history svg{width:26px;height:26px;flex:none;color:hsl(var(--emerald))}.islands-program-note{font-size:12px;color:var(--ink-2);line-height:1.8;margin-top:26px;max-width:42ch}.islands-best-history{font-size:13px;color:var(--ink-2);margin-top:18px}.islands-best-history summary{min-height:48px;align-content:center;cursor:pointer}.islands-best-history ul{display:grid;gap:14px;list-style:none;margin:10px 0 18px;padding:0}.islands-best-history li{display:flex;align-items:center;justify-content:space-between;gap:12px}.islands-best-history li>span:last-child{display:flex;align-items:center;gap:5px;flex:none;color:var(--ink);font-weight:650}.islands-best-history svg{width:15px;height:15px;fill:var(--islands-gold);color:var(--islands-gold-edge)}.islands-profile-settings{margin-top:24px;font-size:12px;color:var(--ink-2)}.islands-profile-settings summary{min-height:48px;cursor:pointer;align-content:center}.islands-profile-settings p{margin:8px 0;line-height:1.7}.islands-profile-settings button{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 0;margin-top:12px;color:var(--ink);font-size:13px;font-weight:650}.islands-profile-settings button svg{width:18px;height:18px}.islands-mushaf{max-width:1100px;margin:16px auto 0;padding:0 12px}.islands-mushaf-surface{min-width:0}.islands-mushaf{--islands-reader-audio-space:max(var(--islands-reader-audio,0px),var(--islands-reader-pending-audio,0px))}.islands-mushaf .mushaf-viewer-card{width:100%;margin-inline:0;padding:0;background:var(--paper);box-shadow:none;border-color:transparent}.islands-mushaf .mushaf-viewer-scroll{padding:0;overflow:visible;scrollbar-gutter:auto;background:var(--paper)}.islands-mushaf [data-mushaf-page-chrome]{display:grid;grid-template-rows:44px minmax(0,1fr) 44px;height:max(176px,calc(100svh - var(--islands-reader-top,88px) - 116px - env(safe-area-inset-bottom,0px) - var(--islands-reader-audio-space,0px)))}.islands-mushaf [data-testid=mushaf-page-metadata]{grid-row:1;position:sticky;top:72px;z-index:14;background:var(--paper)}.islands-mushaf [data-mushaf-page-number]{grid-row:3}.islands-paper-body{grid-row:2;position:relative;min-width:0;min-height:0}.islands-paper-scroll{height:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-width:thin;scroll-padding-block:12px}.islands-paper-hint{position:absolute;inset:auto 0 0;height:32px;display:grid;place-items:end center;padding-bottom:3px;background:linear-gradient(to bottom,transparent,var(--paper));pointer-events:none;color:#6c746b}.islands-paper-hint>svg{width:20px;height:20px}.islands-mushaf .qpc-v1-ayah-highlight-band.is-selected{outline:2px solid hsl(var(--emerald));outline-offset:1px;background:hsl(var(--emerald)/.1)}.islands-mushaf-empty{display:grid;justify-items:center;align-content:center;gap:18px;min-height:55svh;font-size:15px;color:var(--ink-2);text-align:center}.islands-mushaf-empty>svg{width:30px;height:30px}.islands-mushaf-empty>button{min-height:48px;font-weight:650;text-decoration:underline;text-underline-offset:3px}.islands-error-panel{width:min(100%,520px);margin:24px auto 0;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--bg-elev);padding:20px;align-self:start;min-width:0}.islands-error-title{display:flex;align-items:center;gap:8px}.islands-error-title>svg{width:21px;height:21px;flex:none;color:var(--repeat)}.islands-error-title h2{font-size:18px;line-height:1.3;flex:1;min-width:0;overflow-wrap:anywhere}.islands-error-title>span{font-size:12px;color:var(--ink-2);flex:none}.islands-error-location{font-size:12px;color:var(--ink-2);margin-top:10px}.islands-error-hint{font-size:16px;line-height:1.5;margin:16px 0;color:var(--ink);max-width:100%;overflow-wrap:anywhere}.islands-error-hint:before{content:"";display:inline-block;width:8px;height:8px;background:hsl(var(--error-major));border-radius:50%;margin-right:8px;vertical-align:middle}.islands-error-hint[data-severity=medium]:before{background:hsl(var(--error-medium))}.islands-error-hint[data-severity=minor]:before{background:hsl(var(--error-minor))}.islands-error-panel>.islands-action{width:100%;font-size:16px}.islands-error-panel details{margin-top:15px;font-size:12px;color:var(--ink-2)}.islands-error-panel summary{min-height:44px;align-content:center;cursor:pointer}.islands-error-panel details p{line-height:1.8;overflow-wrap:anywhere}.islands-error-pagination{display:flex;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line);margin-top:14px}.islands-error-pagination>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;font-size:14px;font-weight:650;border-radius:10px;flex:1}.islands-error-pagination>button>svg{width:20px;height:20px}.islands-error-pagination>span{align-content:center;font-size:12px;color:var(--ink-2);flex:none}.islands-error-severity{display:inline-block;font-size:11px;line-height:1.4;border:1px solid var(--line);border-radius:6px;padding:3px 6px;color:var(--ink-2);vertical-align:middle}.islands-error-fallback,.islands-error-strip{display:none}.islands-error-sheet{display:grid;gap:16px;padding-block:12px}.islands-error-sheet>p{font-size:13px;color:var(--ink-2)}.islands-error-sheet>h3{font-size:18px}.islands-error-sheet>.islands-error-severity{justify-self:start}.islands-error-sheet>details{font-size:13px;color:var(--ink-2)}.islands-error-sheet summary{min-height:44px;align-content:center;cursor:pointer}.islands-error-sheet details p{padding-block:12px;line-height:1.8}.islands-page-updating{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:var(--ink-2);margin-bottom:8px}.islands-page-updating>svg{width:16px;height:16px;flex:none}.islands-page-clear{display:grid;justify-items:center;gap:9px;text-align:center;padding:12px 0}.islands-page-clear>svg{width:30px;height:30px;color:hsl(var(--emerald))}.islands-page-clear>p{font-size:15px;font-weight:650}.islands-page-clear>span{font-size:12px;color:var(--ink-2)}.islands-page-clear>button{min-height:48px;font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:3px}body:has(.islands-shell) .qpc-ayah-audio-bar{bottom:calc(96px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 176px);overflow-y:auto}body:has(.islands-shell) .qpc-ayah-translation-preview{bottom:calc(190px + env(safe-area-inset-bottom,0px))}.islands-access-screen{display:grid;align-content:center;justify-items:center;min-height:calc(100svh - 72px);gap:20px;padding:32px 24px;text-align:center;max-width:500px;margin:auto}.islands-access-screen>svg{width:38px;height:38px;color:hsl(var(--emerald))}.islands-access-screen h1{font-size:27px;line-height:1.2;max-width:18ch}.islands-access-screen p{font-size:15px;line-height:1.6;color:var(--ink-2);max-width:28ch}.islands-access-screen>.islands-action{font-size:16px;margin-top:8px}.islands-spin{animation:islands-spin 1s linear infinite}@keyframes islands-spin{to{transform:rotate(1turn)}}@media(min-width:640px){.islands-map-intro{padding-block:40px}.islands-path-stop{min-height:370px}.islands-map-node{--islands-node-size:320px;height:370px;transform:translateX(-76px)}.islands-path-stop:nth-child(2n) .islands-map-node{transform:translateX(76px)}.islands-path-thread{transform:rotate(-30deg)}.islands-path-stop:nth-child(2n) .islands-path-thread{transform:rotate(30deg)}.islands-map-name strong{font-size:18px}.islands-mini-path{gap:8px}.islands-mini-path>button{width:100%}.islands-history li{grid-template-columns:100px minmax(0,1fr)}.islands-history-results>button{font-size:14px}.islands-profile{padding-top:48px}}@media(min-width:900px){.islands-topbar-inner{min-height:80px;padding-inline:28px}.islands-view-toggle{margin-top:28px}.islands-detail{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:40px;margin-top:36px;padding-inline:28px}.islands-detail-scene{width:100%;max-width:490px;max-height:none;margin:0}.islands-detail-content{gap:20px}.islands-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:24px;align-items:start}.islands-error-panel{position:sticky;top:108px;margin:0;width:100%}.islands-mushaf{padding-inline:24px;margin-top:28px;--islands-reader-audio-space:var(--islands-reader-audio,0px)}.islands-mushaf [data-testid=mushaf-page-metadata]{top:80px}.islands-error-title{flex-wrap:wrap}.islands-error-title>span{margin-left:auto}}@media(max-width:374px){.islands-map-node{transform:translateX(-16px)}.islands-path-stop:nth-child(2n) .islands-map-node{transform:translateX(16px)}.islands-detail{padding-inline:14px}.islands-action{gap:7px;padding-inline:10px;font-size:16px}.islands-action>svg{width:25px;height:25px}.islands-detail-title h1{font-size:26px}.islands-history li{gap:12px;grid-template-columns:70px minmax(0,1fr)}}@media(max-width:599px){.islands-detail-scene{width:min(100%,280px)}.islands-detail-content{gap:12px}}@media(max-width:599px) and (max-height:700px){.islands-shell[data-view=mushaf] .islands-view-toggle{margin-top:8px}.islands-shell[data-view=mushaf] .islands-view-toggle>button{min-height:44px}.islands-mushaf{margin-top:8px}}@media(max-height:480px) and (min-width:600px){.islands-topbar-inner{min-height:60px;padding-block:4px}.islands-view-toggle{margin-top:12px}.islands-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;margin-top:14px;max-width:820px}.islands-detail-scene{width:min(100%,340px);margin:0}.islands-detail-content{gap:12px}.islands-detail-title h1{font-size:25px}.islands-stars .islands-star,.islands-stars svg{width:35px;height:35px}.islands-stars{min-height:35px}.islands-stars-small .islands-star,.islands-stars-small svg{width:23px;height:23px}.islands-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:18px;align-items:start}.islands-error-panel{position:static;margin:0;padding:16px}.islands-error-title h2{font-size:16px}.islands-mushaf{max-width:900px;margin-top:8px;--islands-reader-audio-space:0px}.islands-mushaf [data-testid=mushaf-page-metadata]{top:60px}body:has(.islands-shell) .qpc-ayah-audio-bar{left:auto;right:12px;transform:none;width:282px;max-width:calc(48vw - 12px);max-height:calc(100dvh - 164px)}body:has(.islands-shell) .qpc-ayah-audio-bar-main{grid-template-columns:48px minmax(0,1fr) 48px 48px 48px;grid-template-areas:"play label loop content close" "progress progress progress time time";gap:4px;padding:8px}body:has(.islands-shell) .qpc-ayah-audio-icon-button{min-width:48px;min-height:48px}body:has(.islands-shell) .qpc-ayah-audio-play{grid-area:play}body:has(.islands-shell) .qpc-ayah-audio-label{grid-area:label}body:has(.islands-shell) .qpc-ayah-audio-label strong{font-size:11px}body:has(.islands-shell) .qpc-ayah-audio-label span{font-size:10px}body:has(.islands-shell) .qpc-ayah-audio-loop{grid-area:loop}body:has(.islands-shell) .qpc-ayah-audio-content{grid-area:content}body:has(.islands-shell) .qpc-ayah-audio-close{grid-area:close}body:has(.islands-shell) .qpc-ayah-audio-progress{grid-area:progress;min-width:0}body:has(.islands-shell) .qpc-ayah-audio-time{grid-area:time;min-width:0;font-size:10px;text-align:right}}@media(max-height:480px),(max-width:899px){.islands-error-panel{display:none}.islands-error-strip{display:flex;align-items:center;gap:2px;min-height:52px;padding:4px 6px;color:var(--ink)}.islands-error-strip-details{min-height:44px;min-width:0;flex:1;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:0 5px;border-radius:10px;font-size:14px;font-weight:650}.islands-error-strip-details>svg{width:20px;height:20px;flex:none;color:var(--repeat)}.islands-error-ayah{display:grid;place-items:center;width:27px;height:27px;flex:none;border:1.5px solid hsl(var(--emerald));border-radius:50%;font-size:13px;font-weight:650}.islands-error-strip-nav{display:flex;align-items:center;flex:none}.islands-error-strip-nav>button,.islands-error-strip-play{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:10px}.islands-error-strip-nav svg,.islands-error-strip-play>svg{width:20px;height:20px}.islands-error-strip-nav>span{font-size:11px;color:var(--ink-2);min-width:24px;text-align:center}.islands-error-strip-play{background:var(--brand);color:var(--brand-ink)}.islands-error-fallback{display:block;position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(448px,calc(100vw - 16px));max-width:calc(100vw - 16px);border:1px solid var(--line);border-radius:16px;background:var(--bg-elev);box-shadow:var(--shadow-panel);z-index:1000}body:has(.islands-shell) .qpc-ayah-audio-bar:has(.islands-error-strip){border:1px solid var(--line);border-radius:16px;background:var(--bg-elev);box-shadow:var(--shadow-panel);pointer-events:auto}body:has(.islands-shell) .qpc-ayah-audio-header{pointer-events:auto}body:has(.islands-shell) .qpc-ayah-audio-bar:has(.islands-error-strip) .qpc-ayah-audio-bar-main{border:0;border-top:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}body:has(.islands-shell) .qpc-ayah-audio-bar:has(.islands-error-strip) .qpc-ayah-audio-play{background:var(--brand);color:var(--brand-ink)}}@media(max-height:480px) and (min-width:600px){.islands-error-fallback{left:auto;right:12px;transform:none;width:282px;max-width:calc(48vw - 12px)}}@media(prefers-reduced-motion:reduce){.islands-shell *,.islands-shell :after,.islands-shell :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.islands-action-primary:active{transform:none}}@media(max-width:300px){.islands-topbar-inner{gap:4px;padding-inline:8px}.islands-back{min-width:48px;width:48px;padding:8px;justify-content:center}.islands-back>span,.islands-brand>span:last-child{display:none}.islands-brand{min-width:48px;justify-content:center}.islands-header-actions{gap:0}.islands-view-toggle>button{font-size:0;gap:0}.islands-error-strip{display:grid;grid-template-columns:minmax(0,1fr) 44px;padding-inline:4px}.islands-error-strip-details{grid-column:1;grid-row:1;padding-inline:2px;gap:4px;font-size:12px}.islands-error-strip-details>svg{width:16px;height:16px}.islands-error-strip-play{grid-column:2;grid-row:1}.islands-error-strip-nav{grid-column:1/-1;grid-row:2;justify-content:center}.islands-mushaf [data-testid=mushaf-page-metadata]{gap:4px;padding-inline:6px}.islands-mushaf [data-testid=mushaf-page-metadata]>div{min-width:0}.islands-mushaf [data-mushaf-first-surah]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.islands-mushaf [data-mushaf-first-surah]>svg{display:none}.islands-topbar-inner{min-height:56px}.islands-shell[data-view=mushaf] .islands-view-toggle{display:none}.islands-error-strip{display:flex;min-height:48px;padding:2px 3px;gap:0}.islands-error-strip-details{flex:1;gap:0;justify-content:center;padding:0}.islands-error-strip-details>span:not(.islands-error-ayah),.islands-error-strip-details>svg{display:none}.islands-error-strip-nav>span{min-width:20px;font-size:10px}.islands-error-fallback .islands-error-strip-nav>span{display:none}.islands-error-ayah{width:24px;height:24px;font-size:12px}body:has(.islands-shell) .qpc-ayah-audio-bar-main{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"play label close" "progress progress progress";gap:2px;padding:4px}body:has(.islands-shell) .qpc-ayah-audio-icon-button{min-width:44px;min-height:44px;width:44px;height:44px}body:has(.islands-shell) .qpc-ayah-audio-content,body:has(.islands-shell) .qpc-ayah-audio-loop,body:has(.islands-shell) .qpc-ayah-audio-time{display:none}body:has(.islands-shell) .qpc-ayah-audio-play{grid-area:play}body:has(.islands-shell) .qpc-ayah-audio-label{grid-area:label;min-width:0}body:has(.islands-shell) .qpc-ayah-audio-label strong{font-size:10px;white-space:nowrap}body:has(.islands-shell) .qpc-ayah-audio-label span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:has(.islands-shell) .qpc-ayah-audio-close{grid-area:close}body:has(.islands-shell) .qpc-ayah-audio-progress{grid-area:progress;min-width:0;height:16px}.islands-mushaf [data-mushaf-page-chrome]{grid-template-rows:32px minmax(0,1fr) 32px;height:max(132px,calc(100svh - var(--islands-reader-top,64px) - 96px - var(--islands-reader-audio-space,0px)))}.islands-mushaf [data-testid=mushaf-page-metadata]{font-size:10px}body:has(.islands-shell) .qpc-ayah-audio-bar{overflow:visible;max-height:none}.islands-mushaf [data-mushaf-page-chrome]{height:max(112px,calc(100svh - var(--islands-reader-top,64px) - 116px - var(--islands-reader-audio-space,0px)))}}.islands-error-counter-short{display:none}.islands-error-strip-nav>span{min-width:42px}@media(max-width:300px){.islands-error-counter-full{display:none}.islands-error-counter-short{display:inline}.islands-error-strip-nav>span{min-width:20px}.islands-error-strip-details>svg{display:block;width:16px;height:16px}.islands-error-fallback .islands-error-strip-details>svg{width:14px;height:14px}.islands-error-fallback .islands-error-strip-nav>span{display:inline;min-width:16px;font-size:9px}}.islands-avatar-choice{margin:12px auto 24px;text-align:center}.islands-avatar-choice>summary{min-height:44px;cursor:pointer;padding:10px;font-weight:650}.islands-avatar-choice>div{display:grid;grid-template-columns:repeat(3,72px);justify-content:center;gap:12px;padding:12px}.islands-avatar-choice button{min-width:72px;min-height:72px;display:grid;place-items:center;border:2px solid transparent;border-radius:50%}.islands-avatar-choice button[aria-pressed=true]{border-color:var(--brand);background:var(--bg-elev)}.islands-profile-empty{text-align:center;margin:32px auto;max-width:280px;line-height:1.6}.islands-path-start{--islands-origin-x:50%;position:relative;z-index:0}.islands-path-stop:last-child .islands-path-thread{display:none}.islands-path-start:before{content:"";position:absolute;left:var(--islands-origin-x);bottom:calc(100% - 27px);height:144px;border-left:5px dotted color-mix(in srgb,var(--islands-water-ink) 30%,transparent);transform:translateX(-50%);pointer-events:none}.islands-path-origin-dot{position:relative;left:calc(var(--islands-origin-x) - 50%);z-index:1;background:var(--islands-water)}.islands-profile-heading{justify-content:center}.islands-surah-loop[aria-pressed=true]{background:var(--brand);color:var(--brand-ink)}.islands-audio-controls{gap:clamp(6px,4vw,26px);flex-wrap:wrap}.islands-primary-actions>:only-child{grid-column:1/-1}.islands-avatar-trigger{display:block;min-height:48px;padding:10px 18px;margin:12px auto 24px;border:1px solid var(--line);border-radius:999px;font-weight:650}.islands-avatar-button{display:grid;place-items:center;min-width:88px;min-height:88px;border-radius:50%;padding:4px}.islands-avatar-button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.islands-shell[data-view=mushaf] .islands-main{padding-bottom:0}.islands-mushaf{padding-bottom:var(--islands-reader-bottom-space,calc(116px + var(--islands-reader-pending-audio,0px)))}.islands-mushaf [data-mushaf-page-chrome]{height:auto;min-height:0;grid-template-rows:44px auto 44px}.islands-paper-body,.islands-paper-scroll{height:auto;min-height:0;overflow:visible;scrollbar-width:auto}html:has(.islands-shell[data-view=mushaf]){scroll-padding-top:80px;scroll-padding-bottom:var(--islands-document-bottom,116px)}@media(max-width:300px){.islands-mushaf [data-mushaf-page-chrome]{height:auto;grid-template-rows:32px auto 32px}}.islands-growth-patch{position:absolute;inset:0;pointer-events:none;z-index:1;animation:islands-grow-detail .24s ease-out both}.islands-growth-patch>img{display:block;width:100%;height:100%;object-fit:contain}@keyframes islands-grow-detail{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.islands-growth-patch{animation:none}}.islands-growth-patch{opacity:0;animation:none}.islands-growth-patch[data-loaded=true]{opacity:1;animation:islands-grow-detail .24s ease-out both}@media(prefers-reduced-motion:reduce){.islands-growth-patch[data-loaded=true]{animation:none}}.islands-mini-path{padding-top:16px;border-top:1px solid var(--line)}.islands-growth-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.islands-growth-patch[data-loaded=true]{animation:none;transform:none}body:has(.islands-shell) .islands-error-strip-nav>button:disabled{opacity:.45;cursor:default}.islands-primary-actions[data-single-action=true]{grid-template-columns:minmax(0,1fr);justify-items:center}.islands-primary-actions[data-single-action=true] .islands-audio>.islands-action{width:60%;max-width:280px;justify-self:center}.islands-shell[data-view=map]{background-image:url(/islands-art/sea/sea-light.webp);background-repeat:repeat;background-size:600px 600px;background-position:top;background-attachment:scroll}.dark .islands-shell[data-view=map]{background-image:url(/islands-art/sea/sea-dark.webp)}.islands-mushaf .islands-paper-body{isolation:isolate;z-index:0}