/* TLQ Living Platform v159 — Native picker repair, Tahfizh polish, TLQ Premium */

/* Picker: static center labels fix iOS Safari compositor dropping selected row glyphs. */
.q149-picker-sheet .q149-wheel-select{isolation:isolate}
.q149-picker-sheet .q149-wheel-highlight{z-index:1!important}
.q149-picker-sheet .q149-wheel-col{position:relative;z-index:2;min-width:0}
.q149-picker-sheet .q149-wheel{position:relative;z-index:2}
.q149-picker-sheet .q149-wheel-row{z-index:2;opacity:1!important;visibility:visible!important;backface-visibility:hidden}
.q159-wheel-current{position:absolute;top:calc(50% - 23px);left:0;right:0;height:46px;display:grid;grid-template-columns:1fr .58fr;gap:15px;align-items:center;pointer-events:none;z-index:10}
.q159-wheel-current>span{display:block;font-size:16px;font-weight:900;color:#19392c;line-height:46px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 11px;letter-spacing:-.015em;text-align:left}
.q149-picker-sheet .q149-wheel-row[aria-selected="true"]{color:transparent!important;text-shadow:none!important}
@media(max-width:390px){.q159-wheel-current{gap:7px}.q159-wheel-current>span{font-size:15px;padding-inline:9px}}
/* Tahfizh card */
.tp139-page .tp159-surah-reference{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0;max-width:68%;text-align:left;line-height:1.3}
.tp139-page .tp159-surah-reference>span{font-size:clamp(14px,3.9vw,18px);font-weight:900;color:#145f46}
.tp139-page .tp159-surah-reference>small{font-size:12px;font-weight:750;color:#628a72;line-height:1.4}
.tp139-page .tp139-prompt>div{align-items:center;gap:10px}
.tp139-page .tp139-quit{width:100%;margin:19px 0 0;display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:14px 18px;font-size:14px!important;font-weight:850!important;line-height:1.5;color:#537660;background:#f2f7f2;border:1px solid #cee3d3;border-radius:15px;text-decoration:none;transition:background .2s,border-color .2s}
.tp139-page .tp139-quit:active{background:#e2ede4}
.tp139-page .tp139-quit svg{flex-shrink:0}

/* Compact invitation in Ruang Pribadi. */
.tlqp-profile-card{display:flex;min-height:245px;position:relative;isolation:isolate;overflow:hidden;border-radius:27px;margin:23px 0 27px;padding:25px 23px 25px;background:linear-gradient(128deg,#083a30 0%,#0f634d 60%,#146c59 100%);color:#fff;box-shadow:0 17px 35px rgba(4,66,48,.19);border:1px solid rgba(255,239,189,.24);text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.tlqp-profile-card:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(4,66,48,.21)}
.tlqp-profile-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 100% 12%,rgba(240,205,126,.24),transparent 53%),radial-gradient(ellipse at -10% 120%,rgba(20,170,119,.28),transparent 56%)}
.tlqp-profile-card:before{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(255,247,217,.13);border-radius:50%;right:-75px;top:-72px}
.tlqp-profile-card:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,247,217,.09);border-radius:50%;right:-115px;top:-106px}
.tlqp-profile-copy{position:relative;z-index:2;max-width:70%;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.tlqp-kicker{display:inline-flex;gap:8px;align-items:center;font-weight:900;font-size:9px!important;letter-spacing:.13em;color:#f1d79b}
.tlqp-profile-copy h2{font-size:clamp(20px,4.85vw,28px)!important;font-weight:900!important;line-height:1.24!important;letter-spacing:-.045em!important;color:#fff;margin:15px 0 11px!important}
.tlqp-profile-copy>p{font-size:11px;line-height:1.8;color:#e0efdf;max-width:340px}
.tlqp-cta{margin-top:19px;display:inline-flex;align-items:center;gap:7px;background:#f5e5b9;color:#1e513e;padding:12px 13px;border-radius:12px;font-size:11px;font-weight:950;white-space:nowrap}
.tlqp-profile-art{position:absolute;right:-25px;bottom:-25px;width:47%;max-width:220px;opacity:.97;filter:drop-shadow(0 13px 9px rgba(0,28,20,.28));pointer-events:none}
.tlqp-book-art{display:block;width:100%;height:auto}

/* Detail page. */
.tlqp-page{max-width:790px!important;padding-bottom:135px}
.tlqp-page *{box-sizing:border-box}
.tlqp-page-back{display:flex;align-items:center;gap:13px;margin:4px 0 18px;min-height:45px;color:#24543c}
.tlqp-page-back>a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid #dce9db;background:#fff}
.tlqp-page-back>span:nth-child(2){font-size:11px;font-weight:950;letter-spacing:.13em;flex:1}
.tlqp-top-spark{color:#b58b4d;display:inline-flex}
.tlqp-hero{position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;min-height:310px;padding:36px 34px;border:1px solid rgba(255,230,164,.38);border-radius:29px;background:linear-gradient(123deg,#07392e 0%,#075e48 62%,#217963 100%);color:white;box-shadow:0 17px 38px rgba(4,65,49,.18)}
.tlqp-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 87% 30%,rgba(241,202,121,.23),transparent 45%)}
.tlqp-hero-wisp{position:absolute;pointer-events:none;border-radius:50%;border:1px solid rgba(255,243,207,.14);right:-100px;top:-115px;width:340px;height:340px}
.tlqp-hero-wisp-two{right:-55px;top:-70px;width:250px;height:250px}
.tlqp-hero-content{position:relative;z-index:2;width:69%}
.tlqp-hero-kicker{display:inline-flex;align-items:center;gap:9px;font-weight:900;letter-spacing:.19em;font-size:10px;color:#f3dfb6}
.tlqp-hero-content h1{font-size:clamp(34px,6.2vw,51px)!important;font-weight:950!important;letter-spacing:-.065em!important;line-height:1.14!important;color:white;margin:15px 0 14px!important}
.tlqp-hero-content h1 i{font-style:normal;color:#f1d498}
.tlqp-hero-content>p{font-size:13px;max-width:435px;color:#e0f0e6;line-height:1.85}
.tlqp-hero-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}
.tlqp-hero-points>span{display:inline-flex;gap:5px;align-items:center;font-size:10px;font-weight:800;padding:7px 9px;border:1px solid #ffffff35;background:#ffffff0e;border-radius:100px;color:#e8f6e8}
.tlqp-hero-art{position:absolute;right:-7px;bottom:-26px;width:38%;max-width:285px;filter:drop-shadow(0 17px 14px rgba(1,31,22,.29))}
.tlqp-coming{margin:15px 2px 0;padding:13px 15px;display:flex;gap:10px;align-items:flex-start;border:1px solid #e7dfc8;border-radius:14px;background:#fbf8ed;color:#78663e;font-size:11px;line-height:1.8}
.tlqp-coming svg{flex:none;margin-top:1px}
.tlqp-section{margin-top:37px}
.tlqp-section-intro>span{display:block;font-size:10px;font-weight:950;letter-spacing:.17em;color:#ae8954}
.tlqp-section-intro h2{font-size:clamp(22px,5.5vw,29px)!important;font-weight:950!important;letter-spacing:-.055em!important;line-height:1.3;color:#143f32;margin:8px 0 10px!important}
.tlqp-section-intro p{font-size:12px;color:#6f877a;line-height:1.8;margin:0}
.tlqp-benefit-grid{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tlqp-benefit{display:flex;align-items:flex-start;gap:13px;padding:20px 16px;border:1px solid #dfeae0;border-radius:18px;background:#fff;box-shadow:0 7px 19px rgba(14,61,43,.035);min-width:0}
.tlqp-benefit-icon{width:47px;height:47px;display:grid;place-items:center;flex:0 0 47px;color:#126c4d;background:linear-gradient(135deg,#eff8e6,#dbece2);border-radius:15px}
.tlqp-benefit:nth-child(3n) .tlqp-benefit-icon{background:linear-gradient(135deg,#fbf2df,#e9d7b0);color:#947141}
.tlqp-benefit>div{min-width:0}
.tlqp-benefit small{font-size:9px;color:#b0905e;letter-spacing:.10em;font-weight:950}
.tlqp-benefit h3{font-size:14px!important;letter-spacing:-.025em;line-height:1.4;color:#23513e;font-weight:900;margin:5px 0 8px!important}
.tlqp-benefit p{font-size:11px;color:#738a7c;line-height:1.75}
.tlqp-enrollment{background:#fff;border:1px solid #e0eadf;border-radius:25px;padding:25px 23px;box-shadow:0 11px 32px rgba(19,76,48,.05)}
.tlqp-tiers{display:flex;gap:5px;padding:5px;border-radius:50px;border:1px solid #d8e5da;background:#f5f8f5;margin:22px 0 13px}
.tlqp-tiers button{flex:1;text-align:center;border:0;background:transparent;min-height:46px;border-radius:50px;color:#668271;font-size:14px;font-weight:900}
.tlqp-tiers button.active{background:#0c7152;color:#fff;box-shadow:0 5px 13px #0c715222}
.tlqp-audience-note{background:#f2f8f2;border-radius:12px;padding:11px 13px;color:#638371;font-size:11px;line-height:1.7}
.tlqp-plan-grid{margin-top:16px;display:grid;gap:9px}
.tlqp-plan{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #dce9df;background:#fff;border-radius:15px;min-height:93px;padding:16px;color:#1b4936}
.tlqp-plan.selected{border-color:#1b8d64;background:linear-gradient(130deg,#f0faf0,#fffef8);box-shadow:0 0 0 2px #d9f2df}
.tlqp-radio{flex:0 0 22px;height:22px;border:2px solid #d3ddd5;border-radius:50%;position:relative}
.tlqp-plan.selected .tlqp-radio{border-color:#16865c}
.tlqp-plan.selected .tlqp-radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#13845b}
.tlqp-plan-main{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.tlqp-plan-main b{font-size:16px;font-weight:950;line-height:1.35}
.tlqp-plan-main small{font-size:10px;color:#7b9384;line-height:1.55}
.tlqp-plan-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right;flex-shrink:0}
.tlqp-plan-side em{font-style:normal;background:#f5e8c7;color:#84652f;padding:5px 7px;border-radius:6px;font-weight:900;font-size:9px}
.tlqp-plan-side strong{font-size:10px;color:#6e8b74;font-weight:800}
.tlqp-action{margin-top:22px;border-top:1px solid #e6eee4;padding-top:20px;display:grid;gap:16px}
.tlqp-action>div{display:grid;gap:3px}.tlqp-action small{letter-spacing:.13em;font-weight:900;color:#92a28d;font-size:10px}.tlqp-action b{font-size:17px;color:#174e39}
.tlqp-action button{display:flex;gap:9px;align-items:center;justify-content:center;min-height:54px;background:linear-gradient(110deg,#0a7657,#139a6b);color:#fff;border:0;border-radius:14px;font-size:14px;font-weight:900}
.tlqp-billing-note{font-size:11px;color:#80958a;line-height:1.7;margin:12px 0;text-align:center}
.tlqp-voucher-link{margin:12px auto 0;display:flex;justify-content:center;align-items:center;gap:10px;padding:11px;background:transparent;color:#167453;font-size:13px;font-weight:850}
.tlqp-faq details{border-bottom:1px solid #e2eae1;background:transparent;padding:0}
.tlqp-faq details:first-of-type{margin-top:14px}
.tlqp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;font-size:13px;font-weight:850;padding:19px 3px;color:#244b39}
.tlqp-faq summary::-webkit-details-marker{display:none}
.tlqp-faq details[open] summary svg{transform:rotate(90deg)}
.tlqp-faq details>p{font-size:12px;line-height:1.8;color:#71877a;padding:0 25px 17px 3px}
.tlqp-endnote{margin:28px auto 0;display:flex;gap:10px;max-width:580px;padding:16px 18px;border-radius:15px;background:#edf5ed;color:#59806a}
.tlqp-endnote svg{flex:none}.tlqp-endnote p{font-size:11px;line-height:1.7}
.tlqp-modal[hidden]{display:none!important}
.tlqp-modal{position:fixed;inset:0;z-index:3300;display:grid;place-items:center;padding:22px}
.tlqp-modal-backdrop{position:absolute;inset:0;background:#08261bbd;backdrop-filter:blur(3px)}
.tlqp-modal-card{position:relative;width:min(100%,435px);background:#fff;border-radius:25px;padding:26px 24px;text-align:center;box-shadow:0 24px 70px #082b224e;color:#1b553d}
.tlqp-modal-card>span{display:grid;place-items:center;margin:0 auto 17px;width:60px;height:60px;border-radius:19px;background:#f3e7cb;color:#98703e}
.tlqp-modal-card h2{font-size:21px!important;color:#154e38}
.tlqp-modal-card>p{font-size:12px;line-height:1.8;color:#758a7c;margin:11px 0 20px}
.tlqp-modal-card button{display:block;width:100%;background:#0b805b;color:#fff;border-radius:12px;padding:14px;font-weight:850}
@media(max-width:650px){
 .tlqp-profile-card{min-height:259px;padding:22px 19px}
 .tlqp-profile-copy{max-width:73%}
 .tlqp-profile-copy>p{font-size:10.5px}
 .tlqp-profile-art{width:45%;right:-29px;bottom:-8px}
 .tlqp-hero{min-height:290px;padding:28px 22px}
 .tlqp-hero-content{width:78%}
 .tlqp-hero-art{width:39%;right:-24px;bottom:-13px;opacity:.78}
 .tlqp-hero-content>p{font-size:12px;max-width:260px}
 .tlqp-hero-points{gap:5px}.tlqp-hero-points>span{font-size:9px}
 .tlqp-benefit-grid{grid-template-columns:1fr}
}
@media(max-width:385px){
 .tlqp-profile-art{opacity:.55;width:42%}
 .tlqp-profile-copy{max-width:86%}
 .tlqp-profile-copy h2{font-size:21px!important}
 .tlqp-hero-art{opacity:.48}
 .tlqp-hero-content{width:93%}
 .tlqp-enrollment{padding:20px 15px}
 .tlqp-plan{padding:13px 10px;gap:9px}
 .tlqp-plan-side em{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.tlqp-profile-card{transition:none}}