.qf-page{padding-bottom:calc(110px + var(--safe-bottom,0px))}.qf-hero{margin:10px 0 14px;padding:20px 16px;border:1px solid rgba(210,184,108,.22);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(192,153,67,.15),transparent 52%),linear-gradient(160deg,rgba(15,25,37,.96),rgba(5,13,24,.98));text-align:center}.qf-hero .qf-mark{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 10px;border:1px solid rgba(228,200,123,.32);border-radius:18px;background:rgba(208,177,93,.08);font-size:27px}.qf-hero h2{margin:0;color:#f8e5ae;font-size:1.2rem}.qf-hero p{margin:7px auto 0;max-width:440px;color:#b9c0cd;font-size:.78rem;line-height:1.9}.qf-panel{padding:16px;border:1px solid rgba(220,194,125,.18);border-radius:24px;background:rgba(7,15,28,.86)}.qf-field{display:grid;gap:8px}.qf-field label{color:#f1dfad;font-size:.78rem;font-weight:900}.qf-field textarea{width:100%;min-height:104px;resize:none;border:1px solid rgba(230,207,143,.18);border-radius:16px;background:#0b1424;color:#f8f3ea;padding:13px 14px;font:700 .82rem/1.9 inherit;outline:none}.qf-field textarea:focus{border-color:rgba(238,199,93,.55);box-shadow:0 0 0 3px rgba(238,199,93,.08)}.qf-counter{display:flex;justify-content:space-between;color:#7f8a9d;font-size:.63rem}.qf-start{width:100%;min-height:50px;margin-top:13px;border:0;border-radius:16px;background:linear-gradient(135deg,#e8c966,#aa762d);color:#211a0c;font:950 .85rem inherit}.qf-start:disabled{opacity:.45}.qf-status{margin:10px 0 0;text-align:center;color:#909bac;font-size:.68rem;line-height:1.7}.qf-ritual{margin-top:16px;padding:20px 12px 18px;border:1px solid rgba(226,199,123,.19);border-radius:26px;background:radial-gradient(circle at 50% 42%,rgba(204,163,75,.15),transparent 33%),linear-gradient(170deg,#07111f,#030914);overflow:hidden;text-align:center}.qf-ritual[hidden]{display:none}.qf-book-stage{height:235px;display:grid;place-items:center;perspective:900px}.qf-book{position:relative;width:166px;height:116px;transform-style:preserve-3d;animation:qfBookOrbit 2.15s ease-in-out infinite}.qf-cover,.qf-back{position:absolute;inset:0;border:1px solid rgba(246,220,143,.55);border-radius:8px;background:linear-gradient(145deg,#76521f,#2e1c0d 52%,#8a6727);box-shadow:0 18px 40px rgba(0,0,0,.52),inset 0 0 0 4px rgba(237,204,112,.12)}.qf-cover:after{content:'☾ ✦';position:absolute;inset:16px;display:grid;place-items:center;border:1px solid rgba(244,219,149,.42);border-radius:5px;color:#f0d789;font-size:24px}.qf-back{transform:translateZ(-8px)}.qf-pages{position:absolute;inset:5px 8px 6px;background:#e8dfc5;border-radius:5px;transform:translateZ(2px);overflow:visible}.qf-page-leaf{position:absolute;top:0;right:50%;width:50%;height:100%;transform-origin:left center;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#c9b98d,#f6efd9 18%,#fff8e7);box-shadow:-2px 0 4px rgba(0,0,0,.12);animation:qfPageFlip 1s ease-in-out infinite}.qf-page-leaf:nth-child(2){animation-delay:.2s}.qf-page-leaf:nth-child(3){animation-delay:.4s}.qf-page-leaf:nth-child(4){animation-delay:.6s}.qf-page-leaf:nth-child(5){animation-delay:.8s}.qf-page-leaf:after{content:'';position:absolute;inset:13px 9px;background:repeating-linear-gradient(to bottom,rgba(64,52,32,.2) 0 1px,transparent 1px 7px);opacity:.7}.qf-ritual-text strong{display:block;color:#f4dc96;font-size:.9rem}.qf-ritual-text small{display:block;margin-top:4px;color:#9aa5b7;font-size:.67rem;line-height:1.7}.qf-progress{width:min(280px,80%);height:4px;margin:13px auto 0;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.qf-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9a7028,#f1d475);transition:width .2s linear}.qf-result{margin-top:16px;display:grid;gap:12px}.qf-result[hidden]{display:none}.qf-result-head{padding:15px;border:1px solid rgba(221,194,116,.22);border-radius:20px;background:linear-gradient(150deg,rgba(105,75,28,.22),rgba(9,17,31,.95));text-align:center}.qf-result-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 13px;border-radius:999px;background:rgba(222,191,102,.12);border:1px solid rgba(222,191,102,.27);color:#f2d67e;font-size:.73rem;font-weight:950}.qf-result-head h3{margin:9px 0 0;color:#fff2c9;font-size:1.05rem}.qf-result-head small{display:block;margin-top:5px;color:#8e9aad}.qf-verse{padding:18px 15px;border-radius:20px;background:#f2ead7;color:#211b12;box-shadow:0 14px 35px rgba(0,0,0,.25)}.qf-arabic{margin:0;text-align:center;direction:rtl;font-family:serif;font-size:1.18rem;font-weight:700;line-height:2.25}.qf-translation{margin:13px 0 0;padding-top:12px;border-top:1px solid rgba(70,53,25,.12);font-size:.77rem;line-height:2;color:#4b402f}.qf-ai-box{padding:16px;border:1px solid rgba(143,113,191,.24);border-radius:20px;background:linear-gradient(145deg,rgba(67,41,91,.24),rgba(8,15,28,.96))}.qf-ai-box strong{display:block;color:#e8d9ff;font-size:.82rem}.qf-ai-box p{margin:8px 0 0;color:#d7d9e1;font-size:.79rem;line-height:2.05;white-space:pre-line}.qf-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qf-actions button{min-height:44px;border-radius:13px;font:850 .72rem inherit}.qf-copy{border:1px solid rgba(255,255,255,.12);background:#0c1423;color:#d9deea}.qf-share{border:0;background:linear-gradient(135deg,#d8bd63,#9d6d29);color:#1d170c}.qf-cooldown{padding:11px 13px;border:1px dashed rgba(225,196,115,.2);border-radius:14px;text-align:center;color:#9da8b8;font-size:.68rem}.fortune-choice-card.is-quran{background:radial-gradient(circle at 20% 20%,rgba(219,187,93,.13),transparent 34%),linear-gradient(150deg,rgba(22,29,34,.97),rgba(6,13,23,.98));border-color:rgba(219,187,93,.3)}.fortune-choice-card.is-quran .fortune-choice-visual{font-size:38px}.fortune-choice-card.is-quran .fortune-choice-badge{color:#f0d683;border-color:rgba(224,191,96,.28);background:rgba(183,141,43,.13)}@keyframes qfBookOrbit{0%,100%{transform:rotateY(-10deg) rotateZ(-2deg) translateY(3px)}50%{transform:rotateY(13deg) rotateZ(2deg) translateY(-7px)}}@keyframes qfPageFlip{0%,18%{transform:rotateY(0deg)}72%,100%{transform:rotateY(-176deg)}}@media(max-width:360px){.qf-book{width:150px;height:105px}.qf-book-stage{height:210px}.qf-panel{padding:13px}}

/* V2 — calmer ritual, richer book animation and referral gate */
.qf-hero{position:relative;overflow:hidden;padding:24px 18px 21px;background:radial-gradient(circle at 50% -10%,rgba(239,209,123,.16),transparent 42%),radial-gradient(circle at 12% 80%,rgba(110,75,163,.13),transparent 38%),linear-gradient(155deg,rgba(17,25,39,.98),rgba(5,12,24,.99))}.qf-hero::after{content:"";position:absolute;inset:9px;border:1px solid rgba(238,207,124,.08);border-radius:18px;pointer-events:none}.qf-stars{position:absolute;inset:0;pointer-events:none}.qf-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#f4dc94;box-shadow:0 0 10px #e7c66e;animation:qfStarPulse 2.8s ease-in-out infinite}.qf-stars i:nth-child(1){top:22%;right:13%}.qf-stars i:nth-child(2){top:67%;right:26%;animation-delay:.8s}.qf-stars i:nth-child(3){top:30%;left:17%;animation-delay:1.4s}.qf-stars i:nth-child(4){top:74%;left:12%;animation-delay:2s}.qf-mark{position:relative;z-index:2;box-shadow:0 0 0 8px rgba(219,186,91,.035),0 10px 28px rgba(0,0,0,.2);animation:qfMarkFloat 3.4s ease-in-out infinite}.qf-referral{margin:0 0 13px;padding:14px;border:1px solid rgba(132,102,190,.22);border-radius:20px;background:linear-gradient(145deg,rgba(50,37,77,.19),rgba(6,13,26,.9));box-shadow:0 12px 30px rgba(0,0,0,.17)}.qf-referral[hidden]{display:none}.qf-referral-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.qf-referral-head div{display:grid;gap:3px}.qf-referral-head small{color:#9d91b1;font-size:.62rem;font-weight:900}.qf-referral-head strong{color:#eadcff;font-size:.9rem}.qf-referral-head>span{padding:6px 10px;border-radius:999px;background:rgba(132,99,191,.12);color:#d3baf1;font-size:.72rem;font-weight:950}.qf-referral p{margin:9px 0;color:#9ea6b5;font-size:.68rem;line-height:1.9}.qf-referral-dots{display:flex;gap:7px;margin:10px 0}.qf-referral-dots i{flex:1;height:7px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);transition:.25s}.qf-referral-dots i.is-done{background:linear-gradient(90deg,#6ac692,#a1e5bf);box-shadow:0 0 13px rgba(96,204,143,.15)}.qf-referral-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:7px}.qf-referral-actions button{min-height:39px;border-radius:12px;font:900 .68rem inherit}.qf-referral-actions button:first-child{border:0;background:linear-gradient(135deg,#b69add,#6e4e9b);color:#140d1d}.qf-referral-actions button:last-child{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#d2d6df}.qf-referral-status{display:block;margin-top:8px;color:#818c9e;font-size:.61rem;line-height:1.7}.qf-referral.is-ready{border-color:rgba(83,196,132,.28);background:linear-gradient(145deg,rgba(28,93,67,.12),rgba(6,13,26,.9))}.qf-referral.is-ready .qf-referral-head>span{background:rgba(76,187,124,.12);color:#8be1ad}.qf-ritual{position:relative;padding-top:12px;background:radial-gradient(circle at 50% 43%,rgba(221,181,88,.18),transparent 30%),radial-gradient(circle at 50% 46%,rgba(89,57,135,.12),transparent 55%),linear-gradient(170deg,#07111f,#030914)}.qf-ritual::before,.qf-ritual::after{content:"✦";position:absolute;color:rgba(240,211,128,.42);font-size:12px;animation:qfSparkOrbit 4s linear infinite}.qf-ritual::before{top:29%;left:17%}.qf-ritual::after{top:18%;right:18%;animation-delay:-2s}.qf-book-stage{position:relative;height:250px}.qf-book-stage::before{content:"";position:absolute;left:50%;bottom:35px;width:160px;height:34px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(232,196,104,.19),rgba(0,0,0,0) 70%);filter:blur(4px);animation:qfBookShadow 2.1s ease-in-out infinite}.qf-book{animation:qfBookOrbit 2.15s ease-in-out infinite,qfBookGlow 3.1s ease-in-out infinite}.qf-cover{backface-visibility:hidden;background:radial-gradient(circle at 50% 36%,rgba(226,190,97,.18),transparent 40%),linear-gradient(145deg,#79531f,#2a190c 52%,#8f6b2a)}.qf-cover:before{content:"";position:absolute;inset:-16px;border:1px solid rgba(232,201,114,.1);border-radius:20px;transform:translateZ(-3px);animation:qfHalo 2.6s ease-in-out infinite}.qf-page-leaf{animation-duration:.82s}.qf-ritual-text strong{font-size:.96rem;letter-spacing:-.01em}.qf-progress{opacity:.62}.qf-panel{box-shadow:0 18px 42px rgba(0,0,0,.16)}@keyframes qfStarPulse{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.6)}}@keyframes qfMarkFloat{0%,100%{transform:translateY(2px) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes qfBookGlow{0%,100%{filter:drop-shadow(0 4px 9px rgba(220,180,81,.08))}50%{filter:drop-shadow(0 7px 18px rgba(232,196,102,.23))}}@keyframes qfBookShadow{0%,100%{opacity:.55;transform:translateX(-50%) scale(.88)}50%{opacity:.25;transform:translateX(-50%) scale(1.06)}}@keyframes qfHalo{0%,100%{opacity:.2;transform:translateZ(-3px) scale(.96)}50%{opacity:.65;transform:translateZ(-3px) scale(1.04)}}@keyframes qfSparkOrbit{from{transform:rotate(0deg) translateX(4px) rotate(0)}to{transform:rotate(360deg) translateX(4px) rotate(-360deg)}}@media(max-width:360px){.qf-referral-actions{grid-template-columns:1fr}.qf-referral{padding:12px}.qf-book-stage{height:220px}}
.qf-referral-actions{grid-template-columns:1.25fr 1fr .85fr}.qf-referral-actions button:nth-child(2){border:1px solid rgba(111,201,160,.2);background:rgba(72,165,126,.08);color:#9edcbe}.qf-referral-actions button:nth-child(3){border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#d2d6df}@media(max-width:390px){.qf-referral-actions{grid-template-columns:1fr 1fr}.qf-referral-actions button:first-child{grid-column:1/-1}}


/* v5 — referral gate is a half-height sheet before entering Quran Fortune. */
.qf-access-ready{margin:0 0 12px;padding:10px 12px;border:1px solid rgba(225,190,88,.25);border-radius:14px;background:linear-gradient(135deg,rgba(60,158,113,.10),rgba(211,167,55,.08));color:#dfe8cd;font-size:9px;line-height:1.8;text-align:center}
.qf-referral-sheet{position:fixed;z-index:7900;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(1,5,12,.7);backdrop-filter:blur(8px)}
.qf-referral-sheet[hidden]{display:none}
.qf-referral-sheet-card{width:min(100%,560px);max-height:86vh;overflow:auto;padding:8px 16px calc(18px + env(safe-area-inset-bottom));border:1px solid rgba(94,183,142,.25);border-radius:27px 27px 0 0;background:radial-gradient(circle at 50% 0,rgba(201,163,61,.12),transparent 38%),linear-gradient(180deg,#101b22,#061016);box-shadow:0 -22px 65px rgba(0,0,0,.5);transition:border-color .3s,box-shadow .3s,background .3s}
.qf-referral-sheet-card.is-ready{border-color:rgba(239,204,96,.58);background:radial-gradient(circle at 50% 0,rgba(218,175,57,.19),transparent 42%),linear-gradient(180deg,#10231f,#07130f);box-shadow:0 -22px 70px rgba(0,0,0,.52),0 0 34px rgba(209,170,56,.12)}
.qf-referral-sheet-handle{width:44px;height:4px;margin:2px auto 12px;border-radius:999px;background:rgba(255,255,255,.16)}
.qf-referral-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.qf-referral-sheet-head small{display:block;color:#8eb8a6;font-size:8px;font-weight:900}.qf-referral-sheet-head h3{margin:4px 0 0;color:#e8eadf;font-size:18px}.qf-referral-sheet-head button{width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.04);color:#d8dfdc;font-size:19px}
.qf-referral-sheet-copy{margin:10px 0 13px;color:#a3afa9;font-size:9px;line-height:1.9}
.qf-referral-live{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(99,190,148,.18);border-radius:17px;background:rgba(65,154,116,.055)}
.qf-referral-live>div:first-child{display:grid;gap:4px}.qf-referral-live strong{color:#e7d58e;font-size:20px}.qf-referral-live span{color:#9ba8a2;font-size:8.5px}.qf-referral-ring{width:55px;height:55px;display:grid;place-items:center;align-content:center;border:1px solid rgba(225,191,90,.25);border-radius:50%;background:radial-gradient(circle,rgba(215,171,54,.13),transparent 66%)}.qf-referral-ring b{color:#f0d77d;font-size:16px}.qf-referral-ring small{color:#87958f;font-size:6.5px}
.qf-referral-sheet-card.is-ready .qf-referral-live{border-color:rgba(235,198,91,.35);background:linear-gradient(135deg,rgba(59,168,117,.12),rgba(213,171,57,.1))}.qf-referral-sheet-card.is-ready .qf-referral-live strong{color:#9de1b7}.qf-referral-sheet-card.is-ready .qf-referral-ring{border-color:rgba(238,203,98,.5);box-shadow:0 0 21px rgba(225,184,73,.15)}
.qf-referral-progress{height:7px;margin:10px 1px 8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.055)}.qf-referral-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4bb783,#dfb94d);transition:width .35s ease}
.qf-referral-sheet-dots{margin:0 0 11px}.qf-referral-sheet-dots i{transition:.25s}.qf-referral-sheet-dots i.is-done{background:linear-gradient(135deg,#62cf98,#e2bc55);border-color:rgba(236,205,111,.5);box-shadow:0 0 13px rgba(88,200,142,.22)}
.qf-referral-unlocked{display:grid;gap:3px;margin:0 0 11px;padding:10px 11px;border:1px solid rgba(234,198,91,.3);border-radius:14px;background:linear-gradient(135deg,rgba(50,168,111,.13),rgba(214,170,54,.11));text-align:center}.qf-referral-unlocked b{color:#f1d477;font-size:14px}.qf-referral-unlocked span{color:#acd1bc;font-size:8px}
.qf-referral-linkbox,.qf-referral-share-preview{margin-top:10px;padding:10px 11px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.025)}.qf-referral-linkbox small{display:block;margin-bottom:6px;color:#8fa298;font-size:7.5px}.qf-referral-linkbox code{display:block;direction:ltr;overflow-wrap:anywhere;color:#e7d78e;font:700 8px/1.65 ui-monospace,SFMono-Regular,monospace;text-align:left}.qf-referral-share-preview b{display:block;color:#cdd9d3;font-size:8.5px}.qf-referral-share-preview p{margin:5px 0 0;color:#9eaaa4;font-size:8.3px;line-height:1.85}
.qf-referral-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.qf-referral-sheet-actions button,.qf-referral-enter{min-height:42px;border-radius:13px;font:950 9px inherit}.qf-referral-sheet-actions button{border:1px solid rgba(109,190,153,.18);background:rgba(70,155,119,.08);color:#b9dacb}.qf-referral-sheet-actions .primary{border:0;background:linear-gradient(135deg,#ddbf5c,#8d6726);color:#21190a}.qf-referral-auto{display:flex;align-items:center;justify-content:center;gap:7px;margin:11px 0 0;color:#84968e;font-size:7.5px}.qf-referral-auto i{width:7px;height:7px;border-radius:50%;background:#67ca91;box-shadow:0 0 0 0 rgba(103,202,145,.4);animation:qfReferralPulse 1.5s ease-out infinite}.qf-referral-enter{width:100%;margin-top:10px;border:1px solid rgba(238,201,93,.38);background:linear-gradient(135deg,#e0c05d,#917027);color:#201608;box-shadow:0 10px 22px rgba(165,118,34,.18)}
@keyframes qfReferralPulse{70%{box-shadow:0 0 0 8px rgba(103,202,145,0)}100%{box-shadow:0 0 0 0 rgba(103,202,145,0)}}
@media(max-width:380px){.qf-referral-sheet-card{padding-right:12px;padding-left:12px}.qf-referral-sheet-head h3{font-size:16px}.qf-referral-live strong{font-size:18px}.qf-referral-sheet-actions{grid-template-columns:1fr}}
.fortune-choice-card.is-quran.is-referral-ready{border-color:rgba(232,198,95,.48)!important;box-shadow:0 16px 42px rgba(42,129,93,.18),0 0 24px rgba(220,177,63,.08)!important}.fortune-choice-card.is-quran.is-referral-ready .fortune-choice-copy em{color:#9de1b5!important;border-color:rgba(95,198,143,.28)!important;background:rgba(69,169,116,.09)!important}.fortune-choice-card.is-quran.is-referral-locked .fortune-choice-copy em{color:#d2bd82!important}


/* Referral link hotfix — visible, selectable and independently copyable in Telegram WebView. */
.qf-referral-linkhead{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:7px}.qf-referral-linkhead small{margin:0!important}.qf-referral-linkhead button{min-height:29px;padding:0 9px;border:1px solid rgba(224,191,92,.24);border-radius:9px;background:rgba(221,181,79,.08);color:#e9cf7c;font:900 7.5px inherit;white-space:nowrap}.qf-referral-linkbox code{min-height:34px;padding:7px 8px;border:1px solid rgba(234,204,119,.11);border-radius:9px;background:rgba(0,0,0,.15);user-select:all;-webkit-user-select:all}.qf-referral-linkbox code.is-loading{direction:rtl;color:#8f9b96;text-align:right;font-family:inherit}