/* TLQ 40 Hari v63 — premium focused journey, mobile-first */
/* Tracker 40-day premium quick capture */
.tlq63-shortcut-card{display:flex;flex-direction:column;gap:0;margin:17px 0 21px;padding:0;border:1px solid #dfc486;border-radius:20px;overflow:hidden;background:linear-gradient(130deg,#0d453b,#11775b);box-shadow:0 12px 24px #0d4c3924;min-width:0}
.tlq63-shortcut-card>.ch40-daily-shortcut{border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important;min-height:88px;flex:0 0 auto;min-width:0;width:100%;background:transparent!important}
.tlq63-shortcut-card .ch40-daily-shortcut small{display:block;line-height:1.55;color:#e6efe1!important;max-width:480px;font-size:11px}
.tlq63-shortcut-quick{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 16px;background:linear-gradient(100deg,#fdf1cc,#e9ca88);color:#21513f!important;font-size:12px;font-weight:900;text-decoration:none;line-height:1.3;border-top:1px solid #ffffff50}
.tlq63-shortcut-quick:active{filter:brightness(.94)}
@media(max-width:410px){.tlq63-shortcut-card>.ch40-daily-shortcut{padding:13px 12px}.tlq63-shortcut-card .ch40-daily-shortcut strong{font-size:14px}.tlq63-shortcut-card .ch40-daily-shortcut small{font-size:10px}}
.ch40-page.tlq63-challenge{min-width:0;max-width:960px;padding-bottom:30px}
.tlq63-challenge .ch40-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center;margin:23px 0 19px;padding:clamp(23px,5vw,37px);border-radius:29px;overflow:hidden;box-shadow:0 17px 45px #0d563a29}
.tlq63-challenge-hero .ch40-hero-text{min-width:0;z-index:2}
.tlq63-challenge-hero .ch40-hero-text h1{font-size:clamp(38px,7.3vw,61px);line-height:1.12;letter-spacing:-.05em;margin:16px 0}
.tlq63-challenge-hero .ch40-hero-text p{line-height:1.8;max-width:440px;font-size:12px}
.tlq63-hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap;background:linear-gradient(130deg,#fff4d5,#f1cf80 75%,#ffe7a9);color:#18543c;border:1px solid #e0bc78;border-radius:17px;box-shadow:0 5px 0 #b58741,0 10px 19px #112d2061;font-size:13px;font-weight:900;text-decoration:none;min-height:49px;padding:13px 17px;margin:16px 0 8px;max-width:100%;box-sizing:border-box;transition:transform .15s}
.tlq63-hero-cta:active{transform:translateY(3px);box-shadow:0 2px 0 #b58741}
.tlq63-hero-caption{display:flex;gap:6px;align-items:center;font-size:10px;color:#cfe6d0;line-height:1.6}
.tlq63-challenge .ch40-ornament{min-width:120px;max-width:210px}
.tlq63-dream-card{overflow:hidden;margin:24px 0;border:1px solid #d8e3d5;border-radius:26px;background:linear-gradient(135deg,#f8fbf6,#f0f6ed);padding:clamp(19px,4.2vw,28px);box-shadow:0 12px 25px #114f3b0e}
.tlq63-dream-card .ch40-dream-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:17px}
.tlq63-dream-card .ch40-dream-heading a{color:#20704f;font-size:11px;font-weight:850}
.tlq63-dream-card .ch40-dream-photo{border-radius:18px;overflow:hidden;max-height:270px;margin:0 0 18px}
.tlq63-dream-card .ch40-dream-photo img{display:block;width:100%;max-height:270px;object-fit:cover;aspect-ratio:16/9}
.tlq63-dream-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;border:1px dashed #bfd7bf;border-radius:17px;min-height:150px;background:radial-gradient(circle at 75% 0%,#fff4d08c,transparent 40%),#eaf3e6;color:#3b8466;padding:17px;margin:0 0 19px}
.tlq63-dream-empty strong{font-size:13px;color:#245940}
.tlq63-dream-empty p{font-size:11px;line-height:1.65;margin:0;color:#879985}
.tlq63-dream-empty a{font-size:11px;font-weight:850;display:flex;gap:6px;align-items:center;color:#176a4a}
.tlq63-dream-card blockquote{font-family:Georgia,serif;font-size:clamp(17px,4vw,23px);line-height:1.7;color:#25563f;border-left:3px solid #bba46d;padding:0 0 0 15px;margin:4px 0}
.tlq63-dream-why{color:#78887a;font-size:12px;line-height:1.75;margin:15px 0 0}
.tlq63-journey{background:#fff;border:1px solid #d8e5d9;box-shadow:0 16px 35px #125a3a12;border-radius:27px;padding:clamp(18px,4vw,27px);min-width:0;margin:25px 0}
.tlq63-journey-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.tlq63-journey-header>div{min-width:0;flex:1}
.tlq63-journey-header .eyebrow{font-size:9px;color:#6e9d7f;letter-spacing:.1em}
.tlq63-journey-header h2{color:#18533d;font-size:clamp(24px,6vw,31px);line-height:1.3;letter-spacing:-.04em;margin:9px 0}
.tlq63-journey-header p{font-size:11px;line-height:1.8;color:#8c9b8f;margin:3px 0 0}
.tlq63-journey-count{display:flex;align-items:baseline;gap:2px;border-radius:17px;padding:13px 11px;min-width:60px;justify-content:center;background:#e6f3e8;color:#1d7350;font-size:29px;font-weight:950;font-variant-numeric:tabular-nums}
.tlq63-journey-count small{font-size:12px;font-weight:850;color:#86a18d}
.tlq63-records-head,.tlq63-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:23px 0 9px}
.tlq63-records-head strong,.tlq63-calendar-heading strong{font-size:14px;color:#285d44}
.tlq63-records-head small,.tlq63-calendar-heading small{font-size:10px;color:#8da18e}
.tlq63-ayat-list{display:flex;flex-direction:column;gap:7px}
.tlq63-ayat-row{display:flex;align-items:center;text-align:left;gap:10px;padding:11px 13px;border:1px solid #dce9dc;border-radius:14px;background:#f7faf6;width:100%;min-height:68px;color:#255944;box-sizing:border-box;cursor:pointer}
.tlq63-ayat-row:active{background:#e5f2e6}
.tlq63-row-day{width:38px;flex:0 0 38px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.15;background:#dfeedf;color:#247454;font-weight:950;font-size:19px}
.tlq63-row-day small{font-size:8px;letter-spacing:.14em;margin-top:2px}
.tlq63-row-description{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.tlq63-row-description strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.tlq63-row-description small{font-size:10px;line-height:1.4;color:#92a194}
.tlq63-row-state{display:grid;place-items:center;color:#9cae9c;flex:0 0 20px}
.tlq63-row-state.done{color:#18734f}
.tlq63-empty-records{min-height:140px;border:1px dashed #d3e4d4;border-radius:17px;background:#f8fbf8;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:8px;color:#5a9476;padding:20px}
.tlq63-empty-records p{font-size:12px;line-height:1.6;color:#869b87}
.tlq63-empty-cta{display:flex;align-items:center;gap:5px;color:#187049;font-size:12px;font-weight:900}
.tlq63-calendar-heading{margin-top:24px;align-items:flex-start}
.tlq63-calendar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:15px 0;min-width:0}
.tlq63-day{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;border:1px solid #d4e3d8;background:#f3f8f2;color:#789581;font-size:11px;font-weight:850;min-width:0;padding:0;cursor:pointer}
.tlq63-day.done{background:linear-gradient(140deg,#156344,#299b66);border-color:#248758;color:#fff}
.tlq63-day.today{background:#fff2ca;border-color:#ecc878;color:#76551f}
.tlq63-day.missed{color:#a6b1a3}
.tlq63-day.future{opacity:.4;cursor:default}
.tlq63-calendar-legend{display:flex;flex-wrap:wrap;gap:11px;margin:10px 0 0}
.tlq63-calendar-legend span{display:flex;align-items:center;gap:5px;font-size:10px;color:#899a8c}
.tlq63-calendar-legend i{display:inline-block;width:8px;height:8px;border-radius:2px}
.tlq63-calendar-legend .filled{background:#278356}.tlq63-calendar-legend .unfilled{background:#d3e1d3}.tlq63-calendar-legend .upcoming{background:#eef1ed}
.tlq63-reminder-card{display:flex;align-items:flex-start;gap:14px;border:1px solid #dfe6d6;border-radius:22px;padding:20px;background:linear-gradient(115deg,#e9f4e8,#f7faf0);margin:20px 0}
.tlq63-reminder-card>div{min-width:0;flex:1}
.tlq63-reminder-icon{display:grid;place-items:center;background:#d6ebd8;border-radius:15px;width:49px;height:49px;flex:0 0 49px;color:#287a53}
.tlq63-reminder-card .eyebrow{font-size:9px;color:#6d9c80}
.tlq63-reminder-card h3{font-size:20px;color:#195339;line-height:1.3;margin:8px 0}
.tlq63-reminder-card p{font-size:12px;color:#7f927f;line-height:1.7}
.tlq63-reminder-actions{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 8px}
.tlq63-reminder-actions button{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;border:1px solid #b8dbc3;background:#fff;color:#1b6b4e;font-size:11px;font-weight:850;min-height:41px;padding:9px 11px}
.tlq63-reminder-actions button:first-child{background:#155f45;color:#fff;border-color:#155f45}
.tlq63-reminder-card small{font-size:10px;line-height:1.6;color:#8da38f}
.tlq63-popup-overlay{position:fixed;inset:0;z-index:99999;background:#081f19a9;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:13px;box-sizing:border-box}
.tlq63-popup{background:linear-gradient(160deg,#fff,#f7faf6);border-radius:26px;border:1px solid #d9e6d8;box-shadow:0 24px 80px #04170fc0;width:min(100%,540px);max-height:min(90dvh,900px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(17px,5vw,24px);box-sizing:border-box;color:#1c543b;scrollbar-width:thin}
body.tlq63-popup-open{overflow:hidden}
.tlq63-popup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;margin-bottom:12px}
.tlq63-popup-head span{font-size:10px;letter-spacing:.12em;font-weight:900;color:#74a081}
.tlq63-popup-head h2{color:#174b38;line-height:1.2;font-size:clamp(22px,5vw,29px);margin:8px 0}
.tlq63-popup-head small{font-size:10px;color:#8c9c8e}
.tlq63-popup-head button{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#eaf3e9;color:#397351}
.tlq63-popup-info{display:flex;flex-wrap:wrap;gap:9px;justify-content:space-between;align-items:center;font-size:10px;color:#668b72;margin:13px 0}
.tlq63-popup-info>span{display:flex;gap:5px;align-items:center}
.tlq63-popup-card{height:260px;width:100%;perspective:1200px;cursor:pointer;touch-action:pan-y}
.tlq63-popup-flipper{height:100%;position:relative;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.16,.72,.2,1)}
.tlq63-popup-card.is-flipped .tlq63-popup-flipper{transform:rotateY(180deg)}
.tlq63-popup-front,.tlq63-popup-back{position:absolute;inset:0;padding:23px;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:flex-start;flex-direction:column;border-radius:17px;overflow-y:auto;overflow-x:hidden}
.tlq63-popup-front{background:radial-gradient(circle at 84% 10%,#476ba5aa,transparent 45%),linear-gradient(150deg,#102850,#1c4386);color:#fff;box-shadow:inset 0 0 0 1px #b9c6ee4a}
.tlq63-popup-back{transform:rotateY(180deg);background:radial-gradient(circle at 10% 90%,#3d9b83b2,transparent 55%),linear-gradient(110deg,#0b5548,#064c44);color:#fff}
.tlq63-popup-front>span:first-child,.tlq63-popup-back>span:first-child{font-size:10px;font-weight:900;letter-spacing:.15em;color:#d8e1f3}
.tlq63-verse-ornament{position:absolute;top:25px;right:23px;color:#ffffff55;font-size:40px}
.tlq63-popup-front h3,.tlq63-popup-back h3{font-size:clamp(21px,5vw,26px);color:#fff;margin:26px 0 13px}
.tlq63-popup-front blockquote{border:0;padding:0;margin:0;font-size:clamp(12px,3vw,15px);line-height:1.72;color:#eaf3ff;font-style:italic}
.tlq63-popup-front small,.tlq63-popup-back small{font-size:10px;color:#cde8db;margin-top:auto;padding-top:15px;font-weight:750}
.tlq63-popup-back h3{font-size:17px;margin:12px 0}
.tlq63-popup-back strong{font-size:11px;color:#fff0c4;margin-top:8px}
.tlq63-popup-back p{font-size:11px;line-height:1.65;margin:4px 0;color:#f1faf3}
.tlq63-quran-source{background:#f0f8ef;border:1px solid #d3e5d2;border-radius:17px;padding:17px;margin:17px 0}
.tlq63-quran-source .eyebrow{color:#5e9781;font-size:10px}
#tlq63-verse-loading{font-size:11px;line-height:1.6;color:#8ea28f;padding-top:12px}
#tlq63-arabic{font-family:"Amiri","Noto Naskh Arabic",serif;font-size:clamp(22px,6vw,30px);line-height:2.1;color:#114c35;text-align:center;margin:17px 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}
#tlq63-translation{font-size:12px;line-height:1.85;color:#55725e;margin:10px 0 16px}
#tlq63-audio-button{display:flex;align-items:center;gap:8px;justify-content:center;width:100%;min-height:43px;border:1px solid #c1d9c6;border-radius:12px;background:#fff;color:#1b684e;font-size:12px;font-weight:900}
#tlq63-audio-button:disabled{opacity:.4}
.tlq63-popup-fields>div{padding:15px 0;border-bottom:1px solid #e5ebe3}
.tlq63-popup-fields span,.tlq63-testimonies>.eyebrow{font-size:10px;letter-spacing:.1em;color:#7a9d7f;font-weight:900}
.tlq63-popup-fields p{font-size:13px;line-height:1.7;color:#476350;white-space:pre-line;margin:8px 0 0}
.tlq63-practice-toggle{width:100%;min-height:47px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #b8d8c2;background:#f1f8f0;border-radius:14px;color:#267052;font-size:13px;font-weight:900;margin:16px 0}
.tlq63-practice-toggle.done{background:#176947;color:#fff;border-color:#176947}
.tlq63-testimonies{padding:14px;border-radius:14px;background:#fffbf0;border:1px solid #e8debd;margin-bottom:12px}
.tlq63-testimonies h4{font-size:13px;margin:10px 0;color:#7d633a}
.tlq63-testimonies p{font-size:12px;line-height:1.7;color:#7f796a}
.tlq63-testimony-nudge{font-size:11px;color:#84998b}
.tlq63-detail-link{display:flex;align-items:center;gap:5px;color:#1c7654;font-weight:900;font-size:12px;padding:13px 0}
.tlq63-detail-empty{text-align:center;color:#68a180;padding:20px 0}
.tlq63-detail-empty p{font-size:13px;line-height:1.7;color:#8da18d}
.tlq63-detail-empty a{justify-content:center}
.tlq63-popup-related{padding:12px 0}
.tlq63-popup-related>span{font-size:10px;font-weight:900;color:#7e9d86}
.tlq63-popup-related button{display:flex;align-items:center;gap:8px;width:100%;padding:11px;border:1px solid #dde9dc;border-radius:11px;margin-top:7px;color:#2a7352;background:#f8fcf7;text-align:left;font-size:12px;font-weight:850}
.tlq63-popup-close-btn{display:block;min-height:44px;width:100%;border-radius:12px;background:#eaf4e9;color:#225f42;font-weight:900;font-size:12px}
.tlq63-community-toolbar{position:relative!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;border:1px solid #ffffff49!important;background:#ffffff16!important;border-radius:16px!important;padding:13px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0 0 15px!important;z-index:5!important}
.tlq-community-setting-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.tlq-community-setting-copy>span{font-size:9px;letter-spacing:.15em;font-weight:900;color:#ecf8db}
.tlq-community-setting-copy small{font-size:10px;line-height:1.4;color:#d6ebd9}
.tlq-community-menu-wrap{position:relative;flex:0 0 auto}
.tlq63-community-toolbar #tlq-community-music-toggle{width:46px;max-width:none;min-width:46px;height:43px;border-radius:13px;background:#ffffffee!important;border:1px solid #fefefe!important;color:#145e43!important;font-weight:900!important;line-height:1!important;font-size:25px!important;padding:0!important}
.tlq-community-menu{position:absolute;right:0;top:calc(100% + 7px);width:220px;min-width:0;border-radius:15px;background:#fff;box-shadow:0 15px 33px #032a2280;z-index:40;padding:8px;border:1px solid #e4ebe5}
.tlq-community-menu[hidden]{display:none!important}
.tlq-community-menu button,.tlq-community-menu a{display:flex!important;align-items:center;justify-content:flex-start;width:100%!important;max-width:none!important;border:0!important;background:transparent!important;color:#205b43!important;text-align:left!important;border-radius:9px!important;padding:12px 10px!important;min-height:39px;font-size:12px!important;font-weight:850;box-sizing:border-box}
.tlq-community-menu button:active,.tlq-community-menu a:active{background:#eaf4e8!important}
.gema-community-hero{position:relative}
.gema-community-hero>div:first-child{min-width:0}
.gema-community-hero-actions{width:100%;display:flex!important;justify-content:flex-end!important;align-items:center;min-width:0;padding-top:15px}
.gema-community-hero-actions>.btn{margin-left:auto!important;display:inline-flex;align-items:center;justify-content:center;gap:8px!important;color:#174f3d!important;background:linear-gradient(115deg,#fff6d5,#f0d48f)!important;border:1px solid #eddbac!important;box-shadow:0 5px 0 #b18d44,0 13px 23px #082b1f45;border-radius:16px!important;min-height:50px;min-width:0;font-weight:900!important;font-size:13px!important;padding:13px 17px!important}
.gema-community-hero-actions>.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #b18d44}
@media(max-width:600px){
 .tlq63-challenge .ch40-hero{grid-template-columns:minmax(0,1fr)!important}
 .tlq63-challenge .ch40-ornament{display:none}
 .tlq63-popup-overlay{align-items:flex-end;padding:0}
 .tlq63-popup{width:100%;border-radius:26px 26px 0 0;padding-bottom:max(25px,env(safe-area-inset-bottom,15px));max-height:93dvh}
 .tlq63-calendar{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
 .tlq63-day{border-radius:8px;font-size:10px}
 .tlq63-reminder-card{flex-direction:column}
}
@media(max-width:365px){
 .tlq63-journey-header{flex-wrap:wrap}
 .tlq63-journey-count{font-size:24px}
 .tlq63-popup-front,.tlq63-popup-back{padding:15px}
 .tlq63-popup-card{height:265px}
 .tlq63-popup-head h2{font-size:21px}
 .gema-community-hero-actions>.btn{font-size:11px!important;padding:10px 12px!important}
}
@media(prefers-reduced-motion:reduce){.tlq63-popup-flipper{transition:none}.tlq63-hero-cta{transition:none}}