.ive-root{background-color:var(--ive-bg,#151b3d);isolation:isolate;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.ive-root.is-loading .ive-stage{visibility:hidden}.ive-root.is-loading:after,.ive-root.is-buffering:after{content:"";left:50%;bottom:max(2.4rem, calc(env(safe-area-inset-bottom) + 1rem));border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:2.1rem;height:2.1rem;margin-left:-1.05rem;animation:.9s linear infinite ive-spin;position:absolute;box-shadow:0 4px 18px #00000040}@keyframes ive-spin{to{transform:rotate(360deg)}}.ive-stage{transform-origin:50%;contain:layout;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;overflow:visible}.ive-layer{box-sizing:border-box;position:absolute}.ive-layer>svg{display:block}.ive-text{white-space:pre-line;text-wrap:balance;overflow-wrap:anywhere;align-content:center;display:grid;overflow:hidden}.ive-image>img{object-fit:cover;width:100%;height:100%}.ive-p{background:var(--c);border-radius:50%;position:absolute;top:0;left:0}.ive-p-dot{box-shadow:0 0 12px var(--c)}.ive-p-spark{clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);border-radius:0}.ive-p-petal{background:linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 65%, #fff));border-radius:80% 0}html.ive-locked,html.ive-locked body{overscroll-behavior:none;overflow:hidden}.ive-hero{height:100svh;min-height:540px;position:relative}.ive-hero>.ive-root{position:absolute;inset:0}.ive-backdrop{display:none}@media (aspect-ratio>=4/5){.ive-framed{background-color:var(--inv-bg);overflow:hidden}.ive-framed>.ive-backdrop{background-color:var(--inv-bg);filter:blur(44px)saturate(1.15)brightness(.55);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;position:absolute;inset:-80px}.ive-framed>.ive-root{border-radius:1.75rem;width:min(100% - 2rem,max(100svh,540px)/1.77778 - 1.40625rem);margin-inline:auto;inset:1.25rem 0;box-shadow:0 40px 90px -30px #000000bf,0 0 0 1px #ffffff1f}.ive-framed>.ive-welcome{bottom:2.75rem}.ive-framed.has-watermark>.ive-welcome{bottom:calc(max(100svh,540px)/7.69231 + .925rem)}}@media (aspect-ratio<4/5){.ive-hero.has-watermark>.ive-welcome{bottom:max(calc(max(100svh, 540px) * .13), env(safe-area-inset-bottom))}}.ive-welcome{inset-inline:0;bottom:max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:.6rem;padding-inline:1rem;transition:opacity .45s,transform .45s;display:flex;position:absolute}.ive-welcome.is-waiting,.ive-welcome.is-gone{opacity:0;pointer-events:none;transform:translateY(12px)}.ive-open-btn{color:#151b3d;background:linear-gradient(#e3c27f,#c99b4b);border-radius:999px;align-items:center;gap:.6rem;min-height:3.25rem;padding:0 1.9rem;font-size:1.05rem;font-weight:800;transition:transform .2s;display:inline-flex;position:relative;box-shadow:0 10px 30px -8px #d5ad6099,inset 0 1px #ffffff80}.ive-open-btn:active{transform:scale(.97)}.ive-open-btn:after{content:"";border-radius:inherit;border:1px solid #d5ad6099;animation:2.2s ease-out infinite ive-ring;position:absolute;inset:-6px}@keyframes ive-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}.ive-controls{top:max(.85rem, env(safe-area-inset-top));gap:.5rem;display:flex;position:absolute;inset-inline-end:.85rem}.ive-icon-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:2.6rem;height:2.6rem;display:grid}.ive-icon-btn[hidden]{display:none}.ive-sound-fab{z-index:60;bottom:max(1rem, env(safe-area-inset-bottom));color:#fff;-webkit-backdrop-filter:blur(10px);background:#11111c94;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:3rem;height:3rem;transition:transform .2s,background-color .2s;display:grid;position:fixed;inset-inline-end:1rem;box-shadow:0 10px 26px #00000047}.ive-sound-fab:hover{transform:scale(1.06)}.ive-sound-fab:focus-visible{outline:2px solid var(--inv-accent);outline-offset:3px}.ive-sound-fab[hidden]{display:none}.ive-sound-fab:before{content:"";border-radius:inherit;border:1.5px solid color-mix(in srgb, var(--inv-accent) 75%, transparent);pointer-events:none;animation:2.4s ease-out infinite ive-ring;position:absolute;inset:-4px}.ive-sound-fab[aria-pressed=true]:before{opacity:0;animation:none}@media (prefers-reduced-motion:reduce){.ive-sound-fab:before{opacity:0;animation:none}}.ive-extend-edge{filter:blur(34px)saturate(1.1)brightness(.62);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-6%}.ive-image>img,.ive-video>video{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.ive-root{-webkit-touch-callout:none}.ive-open-hint{color:#3a2614;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffad;border:1px solid #ffffffbf;border-radius:999px;align-items:center;gap:.55rem;min-height:3rem;padding:0 1.35rem 0 1.1rem;font-size:.95rem;font-weight:700;animation:2.8s ease-in-out infinite ive-hint-float,2.8s ease-out infinite ive-hint-glow;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -12px #28180a73,0 0 #ffecc88c}.ive-open-hint:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffffd9 50%,#0000 70%);animation:2.8s ease-in-out infinite ive-hint-shine;position:absolute;inset:0;transform:translate(-130%)}.ive-open-tap{color:#a47a32;place-items:center;width:1.6rem;height:1.6rem;display:grid;position:relative}.ive-open-tap>svg{transform-origin:40% 90%;width:1.35rem;height:1.35rem;animation:1.4s ease-in-out infinite ive-tap}.ive-open-tap:before{content:"";opacity:0;border:1.5px solid #b48c42e6;border-radius:999px;width:.6rem;height:.6rem;animation:1.4s ease-out infinite ive-tap-ring;position:absolute;top:-.05rem;left:36%}@keyframes ive-hint-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes ive-hint-glow{0%,30%{box-shadow:0 10px 30px -12px #28180a73,0 0 #ffecc899}to{box-shadow:0 10px 30px -12px #28180a73,0 0 0 14px #ffecc800}}@keyframes ive-hint-shine{0%,40%{transform:translate(-130%)}80%,to{transform:translate(130%)}}@keyframes ive-tap{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(2px)rotate(-6deg)scale(.92)}40%{transform:translateY(0)rotate(0)scale(1)}}@keyframes ive-tap-ring{0%,22%{opacity:0;transform:translate(-50%)scale(.4)}28%{opacity:1}to{opacity:0;transform:translate(-50%)scale(2.8)}}@media (prefers-reduced-motion:reduce){.ive-open-hint,.ive-open-hint:after,.ive-open-tap>svg,.ive-open-tap:before{animation:none}}.inv-paper{background-color:var(--p-paper);color:var(--p-ink);font-family:var(--p-body);background-image:radial-gradient(circle at 20% 10%,#ffffff8c,#0000 40%),radial-gradient(circle at 80% 60%,#00000006,#0000 45%);margin-top:-1px;position:relative}.inv-title{font-family:var(--p-title);color:var(--p-ink);font-weight:400}.inv-verse{color:var(--p-ink);font-family:Amiri Quran,Amiri,serif;font-size:1.2rem;line-height:2.2}.inv-section-title{font-family:var(--p-title);color:var(--p-ink);justify-content:center;align-items:center;gap:.9rem;font-size:2.1rem;line-height:1.4;display:flex}.inv-section-art{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 12px 14px #3c281429);width:auto;height:6.5rem;margin:0 auto .75rem;display:block}.inv-card>.inv-section-art{margin-top:-5.25rem}.inv-section-title:before,.inv-section-title:after{content:"";background:linear-gradient(90deg, transparent, var(--p-accent));width:2.2rem;height:1px}.inv-section-title:after{transform:scaleX(-1)}.inv-card{background:var(--p-card);border:1px solid color-mix(in srgb, var(--p-accent) 22%, transparent);border-radius:1.75rem;padding:2rem 1.4rem;position:relative;box-shadow:0 1px #00000008,0 30px 60px -36px #3c281473}.inv-framed:before{content:"";border:1px solid color-mix(in srgb, var(--p-accent) 45%, transparent);pointer-events:none;border-radius:1.35rem;position:absolute;inset:.55rem}.inv-btn{background:var(--p-ink);min-height:2.75rem;color:var(--p-paper);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.3rem;font-size:.875rem;font-weight:700;transition:transform .2s,opacity .2s;display:inline-flex}.inv-btn:active{transform:scale(.97)}.inv-btn-ghost{color:var(--p-ink);border:1px solid color-mix(in srgb, var(--p-ink) 25%, transparent);background:0 0}.inv-label{margin-bottom:.4rem;font-size:.78rem;font-weight:700;display:block}.inv-field{border:1px solid color-mix(in srgb, var(--p-ink) 16%, transparent);background:color-mix(in srgb, var(--p-paper) 55%, #fff);width:100%;color:var(--p-ink);font:inherit;border-radius:.95rem;padding:.75rem .95rem;font-size:.95rem;display:block}.inv-field:focus{border-color:var(--p-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--p-accent) 22%, transparent);outline:none}.inv-choice{border:1px solid color-mix(in srgb, var(--p-ink) 18%, transparent);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;min-height:3rem;padding:0 .75rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.inv-choice:has(input:checked){background:var(--p-ink);border-color:var(--p-ink);color:var(--p-paper)}.inv-timeline{border-inline-start:1px solid color-mix(in srgb, var(--p-accent) 55%, transparent);gap:.35rem;display:grid;position:relative}.inv-timeline li{align-items:baseline;gap:1rem;padding-block:.7rem;padding-inline-start:1.5rem;display:flex;position:relative}.inv-timeline li:before{content:"";inset-inline-start:-.35rem;background:var(--p-paper);border:2px solid var(--p-accent);border-radius:999px;width:.7rem;height:.7rem;position:absolute;top:1.15rem}.inv-timeline-time{font-variant-numeric:tabular-nums;min-width:3.4rem;color:var(--p-accent);font-weight:700}.inv-timeline-title{font-size:1.02rem}.inv-part{border:1px solid color-mix(in srgb, var(--p-accent) 35%, transparent);background:color-mix(in srgb, var(--p-card) 82%, transparent);border-radius:1.25rem;padding:.95rem 1.1rem}.inv-part-title{font-family:var(--p-title);color:var(--p-ink);font-size:1.25rem;font-weight:700}.inv-part-when{color:var(--p-accent);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.4rem;margin-top:.4rem;font-weight:700;display:flex}.inv-map{background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--p-accent) 28%, transparent) 0 14px, transparent 15px), repeating-linear-gradient(35deg, color-mix(in srgb, var(--p-accent) 10%, transparent) 0 2px, transparent 2px 26px), repeating-linear-gradient(-55deg, color-mix(in srgb, var(--p-ink) 6%, transparent) 0 2px, transparent 2px 34px), color-mix(in srgb, var(--p-paper) 70%, #fff);position:relative}.inv-map iframe{position:relative}body.is-preview{overflow:hidden}.is-preview [data-section]{cursor:pointer;outline-offset:8px;border-radius:1.25rem;outline:2px solid #0000;transition:outline-color .2s}.is-preview [data-section]:hover{outline-color:color-mix(in srgb, var(--p-accent) 35%, transparent)}.is-preview .inv-preview-focus{outline-color:var(--p-accent);animation:1.4s ease-out inv-preview-focus}@keyframes inv-preview-focus{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--p-accent) 45%, transparent)}to{box-shadow:0 0 0 22px #0000}}[data-preview-hidden]{position:relative}[data-preview-hidden]>*{opacity:.4}[data-preview-hidden]:after{content:attr(data-preview-hidden);color:#fff;white-space:nowrap;background:#151b3d;border-radius:999px;padding:.2rem .75rem;font-size:.7rem;font-weight:700;position:absolute;top:-.85rem;left:50%;transform:translate(-50%)}.inv-placeholder{border:2px dashed color-mix(in srgb, var(--p-accent) 45%, transparent);background:color-mix(in srgb, var(--p-accent) 5%, transparent);color:var(--p-muted);text-align:center;border-radius:1.25rem;padding:1.6rem 1.25rem}.ed-flash{animation:1.4s ease-out ed-flash}@keyframes ed-flash{0%,35%{box-shadow:0 0 0 3px #b48c42bf}to{box-shadow:0 0 0 3px #0000}}.ed-preview-scroll{scrollbar-width:none}.ed-preview-scroll::-webkit-scrollbar{display:none}.ed-scroll-cue{animation:1.8s ease-in-out infinite ed-scroll-cue}@keyframes ed-scroll-cue{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}