/* TLQ Panduan v139 · Tahfizh, Sedekah Pagi, Quran audio, Zakat and Doa */
.tp139-tap-card{cursor:pointer;transition:border-color .15s,box-shadow .15s}
.tp139-tap-card:focus-visible{outline:3px solid #7ac8a2;outline-offset:3px}
.tp139-tap-card:hover,.tp139-tap-card.expanded{border-color:#9ecab2;box-shadow:0 7px 21px #12664717}
.tp139-tap-card .tp137-dua-card-head{padding:18px 14px;min-height:98px}
.tp139-card-arrow{display:grid;place-items:center;color:#2b8a63;flex-shrink:0;transition:transform .15s}
.tp139-tap-card.expanded .tp139-card-arrow{transform:rotate(180deg)}
.tp139-tap-card .tp137-dua-content{padding-top:15px}
.tp135-result[data-verified=false]{background:linear-gradient(145deg,#064f3c,#116a53 63%,#319a83)}
.tp135-result #tp135-result-info{background:#ffffff15;border-radius:12px;padding:13px}
#tlq-audio-floating{position:fixed;bottom:calc(77px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:670px;margin:auto;z-index:2900;background:linear-gradient(115deg,#094e3c,#0b7554);box-shadow:0 8px 30px #003b3155;border:1px solid #ffffff38;border-radius:18px;color:#fff;padding:12px;display:flex;gap:10px;align-items:center}
#tlq-audio-floating .tlq-audio-floating-label{min-width:0;flex:1;display:grid;gap:3px}
#tlq-audio-floating small{color:#b0e5c8;font-size:9px;font-weight:850;letter-spacing:.08em}
#tlq-audio-floating b{font-size:13px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#tlq-audio-floating span{font-size:10px;color:#bde5cd}
#tlq-audio-floating button{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;background:#ffffff1e;color:#fff;border:1px solid #ffffff38;border-radius:12px;padding:0}
#tlq-audio-floating [data-tlq-floating-toggle]{background:#c5efda;color:#0c6042}
.tp139-page{padding-bottom:128px;color:#154b37}.tp139-page *{box-sizing:border-box}
.tp139-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#063d34,#0a7555 59%,#37ab87);padding:29px 23px 32px;margin:17px 0 19px;border-radius:26px;color:white;box-shadow:0 12px 28px #084d3530}
.tp139-hero>span{font-size:10px;letter-spacing:.15em;font-weight:850;color:#c5ebd6;position:relative;z-index:1}
.tp139-hero h1{font-size:clamp(27px,7vw,38px)!important;line-height:1.16!important;letter-spacing:-.04em!important;color:#fff!important;margin:14px 0 11px!important;position:relative;z-index:1}
.tp139-hero p{color:#e0f4e7;font-size:12px;line-height:1.8;margin:0;max-width:95%;position:relative;z-index:1}
.tp139-decor{position:absolute;right:-20px;bottom:-58px;font:normal 180px/1 'Amiri',serif;color:#ffffff18;pointer-events:none}
.tp139-quiz-intro,.tp139-quiz-board,.tp139-charity-main,.tp139-charity-history,.tp139-history{background:#fff;border:1px solid #d9e9de;border-radius:22px;padding:22px 18px;margin:18px 0;box-shadow:0 5px 17px #17553c0c}
.tp139-quiz-insight{display:flex;gap:13px;background:#edf8ef;border-radius:15px;padding:16px 13px;align-items:flex-start;margin-bottom:24px}
.tp139-quiz-insight>span{display:grid;place-items:center;width:41px;height:41px;flex-shrink:0;border-radius:13px;background:#d7eee0;color:#087958}
.tp139-quiz-insight b{font-size:13px;line-height:1.5;color:#115e42}
.tp139-quiz-insight p{font-size:11px;line-height:1.75;color:#728d7c;margin:7px 0 0}
.tp139-label{display:block;font-size:12px;color:#1d6549;font-weight:900;margin-bottom:9px}
.tp139-juz-select{width:100%;background:#f7fbf7;border:1px solid #bfdbc9;border-radius:13px;padding:15px;color:#1a5f42;font-size:16px;font-weight:800;min-height:55px}
.tp139-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 19px}
.tp139-metrics>div{background:#f0f8f0;border:1px solid #e0ede1;border-radius:13px;padding:13px 6px;display:grid;text-align:center;gap:6px}
.tp139-metrics strong{font-size:26px;color:#087e55}
.tp139-metrics span{font-size:10px;color:#739280}
.tp139-quiz-types{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 22px}
.tp139-quiz-types span{background:#ecf6ef;border-radius:50px;color:#367c58;padding:9px 10px;display:flex;align-items:center;gap:6px;font-weight:750;font-size:10px}
.tp139-primary{width:100%;min-height:54px;border:0;border-radius:14px;background:linear-gradient(120deg,#066647,#11976a);color:#fff;font-size:13px;font-weight:900;display:flex;justify-content:center;align-items:center;gap:10px;padding:13px 17px;cursor:pointer}
.tp139-primary:disabled{opacity:.7;cursor:wait}
.tp139-footnote{font-size:10px;color:#829a89;line-height:1.8;margin:17px 3px 0}
.tp139-history h2,.tp139-charity-history h2{font-size:18px!important;margin:0 0 16px!important;color:#155d42}
.tp139-history>div,.tp139-charity-history>div{display:flex;align-items:center;gap:8px;justify-content:space-between;border-top:1px solid #e8f0e9;padding:12px 0;color:#6b8d78;font-size:12px}
.tp139-history b{color:#0c7b55}
.tp139-quiz-stats{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#728c79}
.tp139-quiz-stats b{color:#185e42}
.tp139-progress{width:100%;height:8px;border-radius:10px;background:#e3eee4;overflow:hidden;margin:15px 0 28px}
.tp139-progress i{display:block;height:100%;border-radius:10px;background:linear-gradient(100deg,#0a7756,#53cda2);transition:width .25s}
.tp139-question-kind{font-size:11px;letter-spacing:.06em;color:#14825b;font-weight:900;display:flex;align-items:center;gap:8px}
.tp139-prompt{border:1px solid #d7e9dc;border-radius:18px;background:linear-gradient(145deg,#f1f9f3,#fbfcf9);padding:17px 15px;margin:18px 0 20px}
.tp139-prompt>div{display:flex;align-items:center;justify-content:space-between;color:#578b6b;font-size:11px}
.tp139-prompt>div button{border:0;border-radius:10px;background:#e0f3e5;color:#147f57;width:35px;height:35px;display:grid;place-items:center}
.tp139-prompt>p{font-family:'Amiri',serif!important;color:#194b35;font-size:clamp(28px,7.2vw,40px)!important;line-height:2.2!important;margin:15px 0!important;text-align:right}
.tp139-prompt>span{font-size:11px;color:#6a8977;line-height:1.9}
.tp139-answer>label{display:block;font-weight:850;font-size:12px;color:#205b40;margin-bottom:10px}
.tp139-answer textarea{width:100%;min-height:119px;resize:vertical;background:#fff;border:1px solid #cce2d3;border-radius:14px;line-height:2!important;font-family:'Amiri',serif!important;font-size:25px!important;color:#174b32;padding:14px!important;box-shadow:none!important}
.tp139-voice-line{display:grid;gap:8px;margin:10px 0 17px}
.tp139-voice-line button{display:flex;gap:8px;justify-content:center;align-items:center;background:#e9f4eb;color:#0e7855;border:1px solid #cce8d2;border-radius:12px;padding:13px;font-size:12px;font-weight:900}
.tp139-voice-line small{color:#8aa08c;font-size:10px;line-height:1.6;text-align:center}
.tp139-options{display:grid;gap:10px;margin:18px 0}
.tp139-options button{border:1px solid #d6e7d9;border-radius:14px;background:#fcfefa;padding:12px;display:flex;align-items:center;gap:12px;text-align:right}
.tp139-options button span{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:10px;background:#e8f3e9;color:#0e7253;font-size:12px;font-weight:950}
.tp139-options button b{flex:1;color:#205a3d;font:normal 23px/2 'Amiri',serif}
.tp139-options button.selected{border-color:#2c9b6a;background:#e4f5e9}
.tp139-feedback{margin:17px 0;padding:18px;background:#fff7eb;border:1px solid #e8d4ac;border-radius:15px}
.tp139-feedback.right{background:#eaf8ee;border-color:#b4dec2}
.tp139-feedback>b{display:flex;align-items:center;gap:8px;color:#915f29;font-size:13px}
.tp139-feedback.right>b{color:#0f7855}
.tp139-feedback>p{font-size:11px;line-height:1.75;color:#798874}
.tp139-feedback>div{border-top:1px solid #cbdccb;padding-top:13px}
.tp139-feedback>div span{font-size:10px;color:#59866b;font-weight:850}
.tp139-feedback>div p{font:normal 26px/2 'Amiri',serif;color:#1b523c;text-align:right}
.tp139-quiz-actions{margin-top:15px}
.tp139-quiz-actions button[hidden]{display:none!important}
.tp139-quit{display:block;margin:15px auto 0;background:transparent;border:0;color:#7c9684;font-size:11px;text-decoration:underline}
.tp139-results{background:#fff;padding:32px 22px;border:1px solid #daeada;border-radius:22px;text-align:center;display:grid;gap:19px}
.tp139-results span{font-size:10px;letter-spacing:.13em;color:#0a7c54;font-weight:900}
.tp139-results strong{font-size:70px;color:#086f51;line-height:1.2;font-weight:900}
.tp139-results b{color:#19513b;font-size:14px}
.tp139-results p{font-size:12px;color:#789180;line-height:1.8}
.tp139-results>button:last-child{background:#e9f3e9;border:0;border-radius:12px;padding:13px;color:#0b7254;font-weight:850}
.tp139-charity-main{padding:0;overflow:hidden}
.tp139-charity-day{background:linear-gradient(120deg,#07674b,#19aa78);color:#fff;padding:26px 21px;display:flex;gap:10px;justify-content:space-between}
.tp139-charity-day>div{flex:1}
.tp139-charity-day small{color:#ccf5df;font-size:10px;letter-spacing:.13em;font-weight:850}
.tp139-charity-day h2{font-size:21px!important;color:white!important;margin:10px 0!important}
.tp139-charity-day p{color:#e5f6ea;font-size:12px;line-height:1.6}
.tp139-charity-day>span{color:#e4ffdb}
.tp139-charity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:16px}
.tp139-charity-stats>div{text-align:center;display:grid;gap:7px;background:#eff7ee;border-radius:13px;padding:15px 8px}
.tp139-charity-stats b{font-size:25px;color:#077858}
.tp139-charity-stats small{font-size:10px;color:#7b947f}
.tp139-charity-remind{margin:8px 16px 19px;background:#f4faf3;border:1px solid #dceade;border-radius:17px;padding:16px 13px}
.tp139-charity-remind-head{display:flex;align-items:center;gap:10px}
.tp139-charity-remind-head>span{color:#0d7852}
.tp139-charity-remind-head>div{flex:1;min-width:0;display:grid;gap:3px}
.tp139-charity-remind-head b{font-size:12px;color:#1b6244}
.tp139-charity-remind-head small{font-size:10px;color:#7b9782}
.tp139-switch input{position:absolute;opacity:0}
.tp139-switch{display:block;position:relative;width:49px;height:30px;flex-shrink:0}
.tp139-switch i{display:block;background:#b9caba;width:49px;height:29px;border-radius:30px;transition:background .2s}
.tp139-switch i:before{content:"";display:block;width:23px;height:23px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;box-shadow:0 2px 5px #0003;transition:transform .2s}
.tp139-switch input:checked+i{background:#0c9267}
.tp139-switch input:checked+i:before{transform:translateX(20px)}
.tp139-charity-remind-bottom{padding-top:14px;margin-top:15px;border-top:1px solid #d7e7da}
.tp139-charity-remind-bottom label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#2b654b;font-weight:800}
.tp139-charity-remind-bottom input{font-size:16px;color:#0d7253;background:#fff;padding:10px;border:1px solid #d2e4d5;border-radius:11px}
.tp139-charity-remind-bottom p{font-size:10px;color:#789480;line-height:1.75}
.tp139-charity-buttons{display:grid;gap:9px;margin:0 16px 18px}
.tp139-secondary{display:flex;align-items:center;justify-content:center;gap:9px;background:#e6f5e9;border:1px solid #badfca;border-radius:13px;color:#0f7854;min-height:52px;font-size:12px;font-weight:850}
.tp139-charity-intent{display:grid;gap:10px;margin:0 16px 18px;font-size:12px;font-weight:800;color:#245c43}
.tp139-charity-intent textarea{width:100%;border:1px solid #d3e6d6;border-radius:13px;background:#fcfefa;color:#26543e;padding:12px;min-height:80px;font-size:12px;line-height:1.65}
.tp139-charity-learning{margin:0 16px 19px;border-radius:15px;padding:16px;background:linear-gradient(130deg,#edf8e9,#fcfdf4)}
.tp139-charity-learning b{display:flex;gap:8px;align-items:center;font-size:12px;color:#247750}
.tp139-charity-learning p{font-size:12px;line-height:1.8;color:#3b7450}
.tp139-charity-learning span{font-size:10px;color:#78a082}
.tp139-charity-history>div span{display:flex;gap:7px;align-items:center}
.tp139-charity-history>p{color:#7c9985;font-size:12px}
#tp139-donation-modal[hidden]{display:none!important}
#tp139-donation-modal{position:fixed;inset:0;z-index:3100;display:grid;place-items:center;padding:21px}
.tp139-modal-backdrop{position:absolute;inset:0;background:#0627199e}
.tp139-modal-card{position:relative;z-index:1;background:#fff;border-radius:23px;padding:25px 21px;max-width:425px;text-align:center;box-shadow:0 22px 50px #102b1f70;color:#195a3d}
.tp139-modal-card>span{display:grid;place-items:center;background:#e7f5ea;border-radius:16px;width:61px;height:61px;margin:0 auto 17px;color:#0b7755}
.tp139-modal-card h2{font-size:23px!important;color:#125b40!important;margin:0 0 12px!important}
.tp139-modal-card p{color:#617d69;line-height:1.9;font-size:12px}
.tp139-modal-card button{width:100%;margin-top:17px;border:0;border-radius:12px;background:#0a7956;color:#fff;min-height:49px;font-weight:850}
@media(max-width:380px){.tp139-hero{padding:25px 18px}.tp139-quiz-intro,.tp139-quiz-board{padding:17px 13px}.tp139-options button b{font-size:19px}.tp139-charity-day h2{font-size:18px!important}}