/* GEMA TLQ — Living journal, Jar-first and tracker-in-one flow */
.living-journal-page{padding-bottom:155px;scroll-padding-bottom:155px}.living-journal-page input,.living-journal-page textarea,.living-journal-page select,.living-journal-page button,.living-journal-page label{scroll-margin-bottom:175px}
.living-form-head{margin-bottom:22px}
.living-journal-form{display:grid;gap:20px}
.living-section{background:white;border:1px solid #e0e9e1;border-radius:25px;padding:23px;box-shadow:0 9px 32px rgba(18,75,48,.035);min-width:0}
.living-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}
.living-step>span{display:grid;place-items:center;background:#e6f5eb;color:#0a694e;width:36px;height:36px;flex:0 0 36px;border-radius:13px;font-weight:900;font-size:14px}
.living-step h2{font-size:20px;margin:0 0 4px;color:#144636}
.living-step p{font-size:12px;color:#7b8f80;line-height:1.6}
.living-source-toggle{display:grid;grid-template-columns:1fr 1fr;background:#e9f3eb;border:1px solid #dce9df;padding:5px;border-radius:16px;gap:5px;margin:0 0 18px}
.living-source-toggle button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:50px;border-radius:12px;padding:9px;font-size:12px;font-weight:800;color:#5d7a67}
.living-source-toggle button.selected{background:white;color:#086c4d;box-shadow:0 3px 9px #0f64491c}
.living-source-toggle button:active{transform:scale(.98)}
.living-source-fields{border:1px solid #dfeadd;border-radius:18px;background:#f8fbf6;padding:18px;margin-bottom:16px}
.living-source-fields .field{min-width:0}
.living-source-fields label{font-size:13px;color:#284d38;margin-bottom:7px}
.living-source-fields select,.living-source-fields input{background:white}
.living-source-fields label:not(:first-child){margin-top:15px}
.living-input-help{font-size:11px;color:#819186;line-height:1.65;margin-top:7px}
.living-source-status{border-radius:12px;padding:12px 15px;background:#ebf7ed;font-size:11px;color:#4c7d5c;line-height:1.7;margin-bottom:15px}
.living-source-status[data-kind=warning]{background:#fff5e6;color:#86643c}
.living-source-status[data-kind=demo]{background:#fbf4e6;color:#83602e}
.living-source-status:empty{display:none}
.living-verse-panel{background:linear-gradient(145deg,#f6fcf7,#eef8ef);border:1px solid #d4e7d8;border-radius:19px;padding:18px;overflow:hidden}
.living-verse-panel .row.between{gap:8px;flex-wrap:wrap}
.living-verse-panel .eyebrow{font-size:10px;color:#53856b}
.living-verse-panel .pill{font-size:10px}
.living-verse-loading{padding:28px 9px;text-align:center;color:#738b78;font-size:13px}
.living-verse-panel .tlq-arabic{font-family:Amiri,'Noto Naskh Arabic',serif;line-height:2.05;font-size:30px;margin:18px 0 22px;color:#0e4031;overflow-wrap:anywhere}
.living-verse-panel .tlq-translation{line-height:1.85;color:#375043;font-size:14px;margin:11px 0 21px;white-space:pre-wrap}
.living-verse-panel .tlq-verse-controls{margin-top:10px}
.living-verse-panel .tlq-tafsir-area p{white-space:pre-wrap;max-height:365px;overflow-y:auto}
.living-curated-demo{border:1px solid #e9dfc4;background:linear-gradient(120deg,#faf8ee,#f3f1df);border-radius:18px;padding:18px;margin-top:15px}
.living-curated-demo .row.between{flex-wrap:wrap;gap:8px}
.living-curated-demo .pill{font-size:9px;white-space:normal}
.living-demo-warning{font-size:11px;color:#806d47;margin:12px 0}
.living-guidance{border-top:1px solid #e4dec5;padding:13px 0}
.living-guidance span{font-weight:900;font-size:10px;color:#3e7153;letter-spacing:.11em}
.living-guidance p{font-size:13px;line-height:1.85;color:#425a4c;margin-top:6px}
.living-curated-pending{padding:19px;border:1px solid #e0e8da;border-radius:16px;background:#f8faf5;margin-top:14px}
.living-curated-pending h3{font-size:16px;margin:8px 0}
.living-curated-pending p{font-size:12px;color:#70836f}
.living-upsell{background:#edf5e8;border:1px solid #d6e4c9;padding:19px;border-radius:16px;margin-top:15px}
.living-upsell strong{font-size:14px}
.living-upsell p{font-size:12px;color:#5e7766;margin:5px 0}
.living-upsell .row{align-items:flex-start}
.living-upsell svg{flex-shrink:0;margin-top:4px}
.living-section>label{font-size:13px}
.living-section>label:not(:first-child){margin-top:16px}
.living-section>textarea{margin-top:4px;min-height:105px}
.living-more{border:1px solid #e2eadd;border-radius:14px;margin-top:16px;padding:16px}
.living-more summary{font-size:13px;font-weight:750;cursor:pointer;color:#376a4d}
.living-more textarea{margin-top:12px}
.living-sharing{border:1px solid #d8e6d8;background:#f7faf5;border-radius:17px;padding:17px;margin-top:22px}
.living-sharing>.row{align-items:flex-start}
.living-sharing h3{font-size:15px}
.living-sharing p{font-size:12px;line-height:1.6;color:#75887b}
.living-sharing svg{flex-shrink:0;margin-top:1px}
.living-privacy-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0 12px}
.living-privacy-options label{display:flex;justify-content:center;align-items:center;gap:6px;margin:0;background:#fff;border:1px solid #d9e7da;border-radius:11px;padding:11px 7px;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}
.living-privacy-options input{flex-shrink:0;width:15px;height:15px;accent-color:#08704f}
.living-sharing .living-share-reward{display:flex;align-items:flex-start;gap:8px;background:#edf6e9;padding:12px;border-radius:11px;color:#3d7450;line-height:1.7;font-size:11px;margin-bottom:9px}
.living-habit-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.living-habit-choice label{display:grid;align-content:start;gap:5px;padding:15px;border:1px solid #dce9db;border-radius:16px;background:#f8faf6;cursor:pointer;margin:0}
.living-habit-choice input{accent-color:#0c7451;width:19px;height:19px;margin:0 0 6px}
.living-habit-choice strong{font-size:12px;color:#22533d}
.living-habit-choice small{font-size:11px;color:#819184;line-height:1.55}
.living-habit-choice label:has(input:checked){background:#eef8ef;border-color:#73b28c;box-shadow:0 0 0 1px #92c7a4}
.living-habit-box{background:#f8fbf6;border:1px solid #e0eadb;border-radius:18px;padding:17px;margin-top:14px}
.living-habit-box label{font-size:13px}
.living-habit-box label:not(:first-child){margin-top:16px}
.living-habit-box textarea{min-height:93px}
.living-habit-box .form-grid{margin-top:14px}
.living-habit-box .form-grid label{margin-top:0}
.living-linked-banner,.living-habit-availability{background:#e5f6e9;color:#2b7250;padding:12px 13px;border-radius:12px;font-size:12px;line-height:1.7;display:flex;align-items:flex-start;gap:8px;margin:8px 0 14px}
.living-linked-banner svg,.living-habit-availability svg{flex-shrink:0;margin-top:2px}
.living-quota-warning{border-radius:12px;padding:15px;margin-top:12px;background:#faf2df;border:1px solid #e9dbba}
.living-quota-warning strong{font-size:13px}
.living-quota-warning p{font-size:11px;color:#867451;margin:6px 0}
.living-save{padding:5px 12px 15px;text-align:center}
.living-save>.btn{min-height:53px;font-size:14px}
.living-save p{margin:11px 0 0}
.living-journal-page [hidden],.living-source-fields[hidden],.living-habit-box[hidden],.living-habit-box [hidden],.living-verse-panel [hidden]{display:none!important}
.living-tracker-intro{background:linear-gradient(122deg,#074933,#13865e);color:white;padding:25px;border-radius:22px;margin:15px 0 20px;overflow:hidden}
.living-tracker-intro .eyebrow{color:#d2e7b5}
.living-tracker-intro h2{font-size:26px;margin:9px 0}
.living-tracker-intro p{font-size:13px;color:#d6ebe0;margin:10px 0 19px}
.living-usage-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:19px 0;font-size:14px}
.living-usage-row small{color:#7d9080}
.living-tracker{border-radius:21px;background:white;border:1px solid #dce9db;box-shadow:0 8px 26px #164b3110;padding:22px}
.living-tracker>h3{font-size:18px;margin:16px 0 5px}
.living-tracker>p{font-size:12px}
.living-plan-note{background:#f2f8f0;border-radius:12px;padding:12px;margin:16px 0 0;font-size:12px;color:#436a50}
.living-progress-line{margin:19px 0 7px}
.living-progress-line>b:first-child{font-size:23px}
.living-progress-line>b:last-child{color:#137653}
.living-progress-line small{font-size:12px;color:#8b9a8c}
.living-tracker .btn.full{margin-top:13px}
.living-help-strip{background:#eaf4e9;padding:13px;border-radius:12px;display:flex;align-items:center;gap:9px;margin-top:14px;font-size:12px;color:#4b7655}
.living-premium-callout{margin-top:18px;border-radius:19px;background:linear-gradient(130deg,#f9f3e2,#f2edda);border:1px solid #e9dfc5;padding:20px}
.living-premium-callout h3{font-size:18px;margin:14px 0 6px}
.living-premium-callout p{font-size:12px;color:#7d735a;margin:0 0 16px}
.living-premium-page{background:linear-gradient(130deg,#f1f7ea,#e3f4df);padding:35px;border-radius:22px;display:grid;gap:15px}
.living-premium-page h1{font-size:29px}
.living-premium-page p{font-size:14px;color:#5c7464}
.living-premium-page .pill{justify-self:start}
.living-home-journal{white-space:nowrap}
.living-receipt{background:#f5f8ef;border:1px solid #d7e9d9;max-width:400px;padding:15px;border-radius:14px;margin:12px auto;display:flex;gap:7px;align-items:center;color:#436e52;font-size:12px}
@media(max-width:760px){
 .living-section{padding:19px 16px;border-radius:20px}
 .living-step h2{font-size:18px}
 .living-source-fields{padding:16px}
 .living-verse-panel{padding:15px}
 .living-verse-panel .tlq-arabic{font-size:28px}
 .living-source-toggle button{font-size:11px;gap:6px}
 .living-habit-choice{gap:8px}
 .living-habit-choice label{padding:13px 10px}
 .living-privacy-options{gap:5px}
 .living-privacy-options label{font-size:10px;padding:10px 3px}
 .living-tracker{padding:17px}
 .living-premium-page{padding:24px}
}

/* Journal v13 — calm, spacious, user-first */
.living-topline{margin:14px 0 22px;gap:8px;flex-wrap:wrap}
.living-step h2{font-size:21px;line-height:1.35}
.living-journal-page #journal-form{gap:20px}
.living-journal-page .living-section{padding:24px}
.living-journal-page .living-section>label{display:block;font-size:15px;line-height:1.6;font-weight:800;color:#174636;margin:18px 0 9px}
.living-journal-page .living-section textarea{font-size:15px;line-height:1.85;min-height:148px;border:1px solid #d9e6d9;background:#fff;border-radius:15px;padding:17px}
.living-journal-page .living-section textarea:focus{border-color:#12845f;box-shadow:0 0 0 3px #e1f3e5}
.living-source-fields[hidden],.living-journal-page [hidden]{display:none!important}
.living-verse-panel .tlq-verse-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
.living-verse-panel .tlq-verse-controls button{min-width:0}
.living-tafsir-note{border-radius:12px;padding:12px;background:#eff7ea;font-size:12px!important;color:#566c54!important;margin:12px 0!important}
.living-tafsir-text{white-space:pre-line;font-size:13px;line-height:1.9;max-height:390px;overflow:auto;padding:8px 4px 12px;word-break:normal;overflow-wrap:anywhere;color:#284c37}
.living-tafsir-area small{display:block;color:#7d897e;margin-top:10px}
.living-retry{margin-left:8px;color:#0c7253;text-decoration:underline;font-weight:800}
.living-share-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:7px}
.living-share-choices label{display:flex;flex-direction:column;gap:7px;align-items:flex-start;background:#f7faf6;border:1px solid #d6e4d7;border-radius:17px;padding:17px;cursor:pointer;margin:0!important;min-height:135px}
.living-share-choices label:has(input:checked){border-color:#78b693;background:#edf8ee;box-shadow:inset 0 0 0 1px #82b999}
.living-share-choices input{height:21px;width:21px;accent-color:#08754f;flex-shrink:0;margin:0 0 5px}
.living-share-choices strong{font-size:13px;line-height:1.5}
.living-share-choices small{font-size:11px;color:#738b7b;line-height:1.6}
#living-share-options{border-radius:16px;background:#f1f7ef;padding:18px;margin-top:15px;border:1px solid #d9ead6}
.living-anon-check{display:flex;gap:10px;align-items:center;font-size:13px!important;line-height:1.65;cursor:pointer}
.living-anon-check input{width:20px;height:20px;flex-shrink:0;accent-color:#0b7b57}
.living-alias-preview{font-size:12px;background:#fff;border:1px solid #dceadb;padding:12px 14px;border-radius:12px;margin:9px 0;color:#1d6146}
.living-share-gift{display:flex;gap:10px;align-items:flex-start;background:#e3f0dd;border-radius:12px;color:#396946;padding:13px;margin:14px 0 8px;font-size:12px;line-height:1.7}
.living-share-gift svg{flex-shrink:0;margin-top:2px}
.living-saved-card{background:#fff;border:1px solid #e1ebe0;border-radius:26px;padding:35px 25px 42px;box-shadow:0 10px 28px #154b3510;text-align:center}
.living-saved-card h1{max-width:490px;margin:12px auto 0;font-size:29px;letter-spacing:-.04em}
.living-saved-card>p{max-width:480px;margin:12px auto 18px;font-size:14px;color:#657e6d;line-height:1.8}
.living-saved-icon{display:grid;place-items:center;width:81px;height:81px;border-radius:50%;background:linear-gradient(135deg,#e8f8e9,#b7e2c7);color:#087852;border:9px solid #f2fbf2;margin:0 auto 19px}
.living-reward{display:flex;align-items:center;flex-direction:column;gap:6px;background:linear-gradient(130deg,#f8f2e3,#f7fbec);border-radius:18px;border:1px solid #e8dfbf;padding:20px;max-width:360px;margin:18px auto}
.living-reward>span{color:#9a802e}
.living-reward strong{font-size:29px;letter-spacing:-.03em;color:#8a6930}
.living-reward small{font-size:11px;color:#8b8d7b}
.living-reward-note{font-size:12px;color:#748674;max-width:390px;margin:15px auto;line-height:1.8}
.living-saved-card .living-receipt{max-width:450px;margin:13px auto;justify-content:center;text-align:left}
.living-modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(12,31,22,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:20px 16px max(20px,env(safe-area-inset-bottom));z-index:2000;animation:livingFade .2s ease-out}
.living-modal{width:min(100%,460px);max-height:min(85dvh,740px);overflow:auto;background:#fff;border:1px solid #dce8dc;border-radius:28px;padding:30px 26px 25px;text-align:center;box-shadow:0 25px 90px rgba(0,31,15,.28)}
.living-modal-ornament{width:80px;height:80px;display:grid;place-items:center;margin:0 auto 14px;color:#117a59;background:linear-gradient(140deg,#d6f7dc,#edf6c8);border-radius:25px;box-shadow:0 12px 25px #265b2f18}
.living-modal .eyebrow{color:#64816b}
.living-modal h2{font-size:24px;letter-spacing:-.03em;line-height:1.35;margin:12px 0}
.living-modal p{font-size:13px;line-height:1.8;color:#748579;max-width:360px;margin:0 auto}
.living-modal-actions{display:grid;gap:10px;margin-top:23px}
.living-modal-actions .btn{min-height:51px;font-size:13px}
.living-riyadhoh-form{margin-top:21px}
.living-riyadhoh-form>h3{font-size:20px}
.living-riyadhoh-form .row{flex-wrap:wrap}
.living-riyadhoh-form form{display:grid;gap:10px;margin-top:15px}
.living-riyadhoh-form label{font-size:13px;margin-top:11px;margin-bottom:0}
.living-riyadhoh-form textarea{min-height:105px}
.living-riyadhoh-form .form-grid{margin-top:6px}
.living-riyadhoh-form .form-grid .field{min-width:0}
.living-riyadhoh-form .form-grid .field label{margin:0 0 7px}
.living-riyadhoh-info{font-size:12px;color:#667d6e;background:#edf7ed;padding:12px 14px;border-radius:11px;line-height:1.7}
.living-riyadhoh-form .btn.full{margin-top:8px}
.living-tracker-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.living-tracker-actions .btn{font-size:11px}
.living-note-label{font-size:11px!important;font-weight:900;color:#376f50!important;letter-spacing:.04em;margin-top:13px}
.living-plan-note p{margin:9px 0 0;font-size:13px;color:#405a49;line-height:1.7}
@keyframes livingFade{from{opacity:0}to{opacity:1}}
@media(max-width:760px){
 .living-journal-page .living-section{padding:19px 16px}
 .living-journal-page .living-section>label{font-size:14px}
 .living-journal-page .living-section textarea{font-size:14px;min-height:134px}
 .living-share-choices label{padding:13px 12px;min-height:130px}
 .living-share-choices strong{font-size:12px}
 .living-modal{padding:24px 21px;border-radius:23px}
 .living-modal h2{font-size:22px}
 .living-saved-card{padding:29px 18px 37px}
 .living-saved-card h1{font-size:25px}
 .living-tracker-actions .btn{width:100%}
 .living-riyadhoh-form .form-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.living-modal-backdrop{animation:none}}
.living-modal-backdrop[hidden]{display:none!important}