:root{
  --bg:#05070d;--panel:rgba(13,17,27,.78);--panel2:rgba(22,28,43,.72);--line:rgba(255,255,255,.1);--text:#f4f0e8;--muted:#a7adbd;--accent:#d9b86f;--accent2:#8fd6c2;--danger:#ff6d7a;--soft:#141927;--shadow:0 24px 80px rgba(0,0,0,.45);--radius:24px;--c0:#d9b86f;--c1:#8fd6c2;--c2:#9aa8ff;--c3:#ff9e7a;--c4:#e184b7;--c5:#98c379
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 15% 10%,rgba(217,184,111,.16),transparent 34%),radial-gradient(circle at 85% 0,rgba(143,214,194,.12),transparent 31%),var(--bg);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent2)}
.hidden{display:none!important}.glass{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.muted{color:var(--muted)}.error{color:var(--danger)}.tiny{font-size:.82rem;color:var(--muted)}
.app-shell{min-height:100vh;position:relative}.app-shell.locked{filter:blur(6px) saturate(.7);transform:scale(1.01);pointer-events:none;user-select:none}.aurora,.noise{position:fixed;inset:auto;pointer-events:none}.aurora-one{width:40vw;height:40vw;left:-12vw;top:-12vw;background:rgba(217,184,111,.16);filter:blur(90px)}.aurora-two{width:34vw;height:34vw;right:-10vw;bottom:10vh;background:rgba(143,214,194,.12);filter:blur(80px)}.noise{inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='150' height='150' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;margin:14px clamp(10px,2vw,24px);padding:10px;border-radius:22px}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;padding:6px 10px;border-radius:16px}.brand:hover,.icon-button:hover,.ghost:hover{background:rgba(255,255,255,.07)}.brand-icon{width:36px;height:36px}.brand span{display:flex;flex-direction:column;text-align:left}.brand small{color:var(--muted);font-size:.78rem}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-button{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:14px;width:42px;height:42px}.ghost,.primary,.danger{border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:rgba(255,255,255,.045);transition:.18s ease}.primary{background:linear-gradient(135deg,var(--accent),#f1d991);color:#1a1307;border-color:rgba(255,255,255,.18);font-weight:700}.danger{background:rgba(255,109,122,.13);border-color:rgba(255,109,122,.35);color:#ffd1d6}.small{padding:7px 10px}.lang-select,input,select,textarea{background:rgba(5,7,13,.72);border:1px solid var(--line);border-radius:14px;padding:10px 12px;outline:none}textarea{min-height:120px;resize:vertical}.search-wrap{position:relative;display:flex;align-items:center;gap:6px;min-width:min(320px,32vw);background:rgba(5,7,13,.62);border:1px solid var(--line);border-radius:16px;padding:0 10px}.search-wrap input{border:0;background:transparent;width:100%;padding:11px 4px}.floating-results{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:min(420px,88vw);max-height:55vh;overflow:auto;background:rgba(9,12,20,.97);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:8px}.floating-results button{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:12px;padding:10px}.floating-results button:hover,.floating-results button.active{background:rgba(255,255,255,.08)}
.side-menu{position:fixed;z-index:45;top:90px;left:18px;width:310px;max-width:calc(100vw - 36px);height:calc(100vh - 108px);border-radius:28px;padding:14px;transform:translateX(calc(-100% - 40px));transition:transform .34s cubic-bezier(.2,.8,.2,1);overflow:auto}.side-menu.open{transform:translateX(0)}.menu-backdrop{position:fixed;z-index:40;inset:0;background:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:.2s}.menu-backdrop.open{opacity:1;pointer-events:auto}.menu-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.menu-head img{width:42px}.menu-head small{display:block;color:var(--muted)}.menu-head .icon-button{margin-left:auto}.side-menu nav{display:grid;gap:8px}.side-menu nav button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;background:transparent;color:var(--text);border-radius:16px;padding:12px;text-align:left}.side-menu nav button:hover,.side-menu nav button.active{background:rgba(255,255,255,.07);border-color:var(--line)}
.main{width:min(1360px,calc(100vw - 32px));margin:0 auto;padding:12px 0 80px}.page{display:none;animation:fade .18s ease}.page.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.content-card,.home-clock,.prayer-strip,.google-panel,.hero{border-radius:var(--radius);padding:clamp(14px,2vw,24px);margin:16px 0}.home-clock{display:flex;justify-content:flex-end;min-height:0}.hero-card{min-width:min(360px,100%);border:1px solid var(--line);border-radius:22px;background:rgba(5,7,13,.45);padding:18px;text-align:right}.hero-card span{display:block;font-size:clamp(2rem,6vw,4.7rem);font-weight:800;letter-spacing:.03em;line-height:1}.hero-card small{color:var(--muted)}.stable-clock{min-height:118px;display:flex;flex-direction:column;justify-content:center}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-grid .wide{grid-column:1/-1}.content-card h1{margin:0 0 18px}.content-card h2{margin-top:0}.toolbar,.entry-actions,.range-tabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 14px}.two-col,.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quran-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}
.prayer-strip{position:relative;overflow:hidden;padding-inline:50px}.prayer-strip:before,.prayer-strip:after{content:"";position:absolute;top:0;bottom:0;width:70px;z-index:2;pointer-events:none}.prayer-strip:before{left:0;background:linear-gradient(90deg,rgba(5,7,13,.92),transparent)}.prayer-strip:after{right:0;background:linear-gradient(-90deg,rgba(5,7,13,.92),transparent)}.prayer-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}.prayer{min-height:106px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.04);padding:16px;display:grid;gap:4px;text-align:center;transition:.2s}.prayer b{font-size:clamp(1rem,2.6vw,1.35rem)}.prayer span{font-size:clamp(1.35rem,4vw,2.1rem);font-weight:800}.prayer small{color:var(--muted)}.next-prayer{background:linear-gradient(145deg,rgba(217,184,111,.26),rgba(143,214,194,.12));border-color:rgba(217,184,111,.55);transform:scale(1.04);box-shadow:0 18px 60px rgba(217,184,111,.15)}.scroll-arrow{display:none}.google-panel form{position:relative;display:flex;align-items:center;gap:10px}.google-panel input{flex:1;font-size:1.05rem}.gmark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#222;font-weight:900}
.filterbar{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:10px;margin:12px 0}.filterbar label,.clean-form label{display:grid;gap:6px;color:var(--muted);font-size:.9rem}.clean-form{display:grid;gap:14px}.clean-form input,.clean-form textarea,.clean-form select{width:100%;color:var(--text)}.format-help{font-size:.85rem;color:var(--muted);border:1px dashed var(--line);border-radius:14px;padding:10px}.accordion-list,.guide-list{display:grid;gap:10px}.acc{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px;overflow:hidden}.acc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer}.acc summary::-webkit-details-marker{display:none}.acc-title{display:grid;gap:2px}.acc-title small{color:var(--muted);font-weight:400}.acc-body{padding:0 16px 16px;color:#e9e6df}.rich-editor{min-height:220px}.notice{border:1px solid var(--line);border-radius:18px;background:rgba(217,184,111,.08);padding:14px;margin-bottom:14px}
.modal-root{position:fixed;z-index:80;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(14px);display:grid;place-items:center;padding:18px}.modal{width:min(660px,96vw);max-height:90vh;overflow:auto;border-radius:28px;padding:18px}.wide-modal{width:min(980px,96vw)}.modal-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.modal-head h2{margin:0}.modal-head .icon-button{margin-left:auto}.modal-body{display:grid;gap:14px}.toast{position:fixed;z-index:100;right:18px;bottom:18px;background:rgba(8,12,20,.96);border:1px solid var(--line);border-radius:18px;padding:12px 16px;box-shadow:var(--shadow)}
.login-overlay{position:fixed;z-index:200;inset:0;display:grid;place-items:center;overflow:hidden;background:rgba(1,2,5,.92)}.blur-preview{position:absolute;inset:-7%;filter:blur(38px) brightness(.25) saturate(.45);opacity:.21;transform:scale(1.08);pointer-events:none}.fake-top,.fake-card{position:absolute;border-radius:30px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.08)}.fake-top{top:8%;left:8%;right:8%;height:80px}.fake-card.a{top:22%;left:10%;width:35%;height:28%}.fake-card.b{top:22%;right:10%;width:38%;height:28%}.fake-card.c{bottom:12%;left:14%;right:14%;height:26%}.login-card{position:relative;width:min(440px,92vw);padding:30px;border-radius:32px;text-align:center}.login-logo{width:74px}.login-card label{text-align:left;display:grid;gap:6px;margin:12px 0}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px}.check input{width:auto}
.profile-card,.settings-panel,.habit-card,.stats-panel,.quran-side,.quran-reader{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:22px;padding:16px}.profile-card{display:flex;gap:16px;align-items:center}.profile-avatar{width:104px;height:104px;border-radius:28px;object-fit:cover;border:1px solid var(--line)}.initials{display:grid;place-items:center;background:rgba(217,184,111,.16);font-size:2.5rem;font-weight:800}.user-list{display:grid;gap:10px;margin-top:14px}.user-row{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:18px;padding:12px}.user-row small{display:block;color:var(--muted)}.permission-grid{display:grid;grid-template-columns:minmax(160px,1fr) 80px 80px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:12px}.permission-grid input{width:18px;height:18px}
.bio-layout{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}.metric-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0}.metric-list div{border:1px solid var(--line);border-radius:16px;padding:10px;background:rgba(255,255,255,.03)}.metric-list dt{color:var(--muted);font-size:.85rem}.metric-list dd{margin:0;font-weight:800}.pie{width:220px;height:220px;border-radius:50%;border:1px solid var(--line);box-shadow:inset 0 0 0 18px rgba(5,7,13,.28)}.empty-pie{display:grid;place-items:center}.pie-legend{display:grid;gap:6px;margin-top:10px}.pie-legend span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.88rem}.pie-legend i{width:12px;height:12px;border-radius:99px;background:var(--dot)}.metric-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.mood-svg{width:100%;height:auto;min-height:180px}.grid-line{stroke:rgba(255,255,255,.12);stroke-width:1}.mood-line{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.mood-point{fill:var(--accent2);stroke:#05070d;stroke-width:3}.range-tabs .active{background:rgba(217,184,111,.18);border-color:rgba(217,184,111,.45)}
.quran-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:14px}.quran-toolbar label{display:grid;gap:6px;color:var(--muted)}.quran-content{display:grid;gap:12px}.ayah{border:1px solid var(--line);border-radius:22px;padding:18px;background:rgba(255,255,255,.03);transition:box-shadow .5s,border-color .5s,background .5s}.ayah-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);margin-bottom:10px}.bookmark-btn{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:12px;padding:7px 10px}.bookmark-btn.active{background:rgba(217,184,111,.22);border-color:rgba(217,184,111,.45)}.arabic{font-family:"Noto Naskh Arabic","Amiri","Scheherazade New",serif;font-size:clamp(1.8rem,5vw,2.55rem);line-height:1.9;text-align:right;direction:rtl}.translit{color:#d9d3c5;font-style:italic}.gloss-term{border-bottom:1px dashed var(--accent);color:#fff4c9;cursor:help}.source-line{color:var(--muted);font-size:.9rem;margin:8px 0 14px}.soft-highlight{animation:softPulse 5s ease;border-color:rgba(217,184,111,.9)!important;border-radius:26px}@keyframes softPulse{0%,100%{box-shadow:none;background:rgba(255,255,255,.03)}20%{box-shadow:0 0 0 12px rgba(217,184,111,.08),0 0 55px rgba(217,184,111,.35);background:rgba(217,184,111,.16)}55%{box-shadow:0 0 0 5px rgba(143,214,194,.08),0 0 40px rgba(143,214,194,.22)}}.bookmark-dock{position:fixed;z-index:35;right:20px;bottom:82px;width:56px;height:56px;border-radius:20px;border:1px solid rgba(217,184,111,.4);background:linear-gradient(135deg,rgba(217,184,111,.26),rgba(143,214,194,.14));box-shadow:var(--shadow)}.bookmark-list{display:grid;gap:8px}.bookmark-list button{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:14px;padding:12px;text-align:left}
.prayer-info h3{margin:6px 0}.prayer-row{border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.03);margin:10px 0}.guide-list .acc{background:rgba(255,255,255,.03)}
.habit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.stat{border:1px solid var(--line);background:rgba(5,7,13,.42);border-radius:16px;padding:10px;min-width:0}.stat small{display:block;color:var(--muted);font-size:.78rem}.stat b{font-size:.95rem;word-break:break-word}.history-list{display:grid;gap:10px}.history-row{border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.03);display:grid;grid-template-columns:1fr auto auto;gap:10px}.history-row p{grid-column:1/-1;margin:0;color:#e8e5df}.history-row time,.history-row span{color:var(--muted)}
.glossary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.glossary-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.035)}.glossary-card h3{margin:0 0 6px}
.chat-shell{display:grid;grid-template-rows:auto minmax(300px,58vh) auto;gap:12px}.chat-head{display:flex;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:18px;padding:10px;color:var(--muted)}.chat-messages{overflow:auto;border:1px solid var(--line);border-radius:22px;padding:14px;background:rgba(5,7,13,.38);display:flex;flex-direction:column;gap:10px}.chat-msg{max-width:min(720px,84%);border:1px solid var(--line);border-radius:18px;padding:10px;background:rgba(255,255,255,.045)}.chat-msg.mine{align-self:flex-end;background:rgba(217,184,111,.12);border-color:rgba(217,184,111,.28)}.chat-msg small{color:var(--muted)}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px}.chat-form textarea{min-height:74px}.chat-form button{align-self:end}
@media (max-width:900px){.topbar{align-items:stretch}.brand small{display:none}.search-wrap{min-width:0;flex:1}.top-actions{gap:6px}.side-menu{top:12px;left:12px;right:12px;width:auto;height:auto;max-height:calc(100vh - 24px);transform:translateY(calc(-100% - 40px))}.side-menu.open{transform:translateY(0)}.home-grid,.two-col,.profile-grid,.quran-layout,.bio-layout{grid-template-columns:1fr}.filterbar{grid-template-columns:1fr 1fr}.prayer-strip{padding-inline:12px}.prayer-times{grid-template-columns:repeat(3,minmax(130px,1fr));overflow:hidden}.prayer{padding:12px}.history-row{grid-template-columns:1fr}.top-actions .notebook,.top-actions .small{display:none}.google-panel form{gap:6px}.hero-card{text-align:left}.stat-grid{grid-template-columns:1fr}.chat-form{grid-template-columns:1fr}.chat-head{display:grid}.quran-side{order:2}}
@media (max-width:560px){.main{width:calc(100vw - 18px)}.topbar{margin:8px;padding:8px}.brand span{display:none}.icon-button{width:38px;height:38px}.home-clock,.prayer-strip,.google-panel,.content-card{border-radius:20px;padding:12px}.prayer-times{grid-template-columns:repeat(3,78vw);overflow:hidden}.next-prayer{transform:none}.filterbar{grid-template-columns:1fr}.modal-root{padding:8px}.modal{border-radius:22px}.user-row{display:grid}.permission-grid{grid-template-columns:1fr 60px 60px}.arabic{text-align:right}.profile-card{display:grid}.pie{width:180px;height:180px}.chat-msg{max-width:95%}}


/* Reliq 3.1 visual + layout corrections */
:root{--bg:#050612;--panel:rgba(10,12,30,.78);--panel2:rgba(23,20,55,.74);--line:rgba(184,198,255,.14);--text:#f3f4ff;--muted:#a9add2;--accent:#7c8cff;--accent2:#b36bff;--danger:#ff6d8f;--soft:#11142d;--c0:#7c8cff;--c1:#b36bff;--c2:#48d7ff;--c3:#ff78bd;--c4:#8cf3d0;--c5:#ffcf73}
html,body{background:radial-gradient(circle at 16% 8%,rgba(124,140,255,.24),transparent 34%),radial-gradient(circle at 82% 12%,rgba(179,107,255,.22),transparent 32%),radial-gradient(circle at 52% 110%,rgba(40,65,170,.18),transparent 46%),var(--bg)}
.aurora-one{background:rgba(124,140,255,.22)}.aurora-two{background:rgba(179,107,255,.18)}
.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-color:rgba(255,255,255,.18)}
a{color:#cfd5ff}.next-prayer{background:linear-gradient(145deg,rgba(124,140,255,.30),rgba(179,107,255,.16));border-color:rgba(151,163,255,.62);box-shadow:0 18px 60px rgba(124,140,255,.18)}
.google-panel,.search-wrap,.topbar,.content-card,.home-clock,.prayer-strip{overflow:visible}.google-panel{position:relative;z-index:25}.google-panel .floating-results{left:52px;right:54px;top:calc(100% + 10px);z-index:180;min-width:unset}.google-panel .floating-results button{display:flex;gap:10px;align-items:center}.sug-icon{opacity:.7;width:20px}.home-grid{position:relative;z-index:1}
input,select,textarea,button{max-width:100%;min-width:0}.entry-actions,.toolbar,.range-tabs{align-items:stretch}.entry-actions button,.toolbar button,.range-tabs button{white-space:normal}.filterbar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.clean-form{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.clean-form label:has(textarea),.clean-form .format-help{grid-column:1/-1}.modal .entry-actions{justify-content:flex-end}
.toggle-card{display:flex!important;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.035);color:var(--text)!important}.toggle-card input{position:absolute;opacity:0;pointer-events:none}.toggle-switch{width:52px;height:30px;border-radius:99px;background:rgba(255,255,255,.10);border:1px solid var(--line);padding:3px;transition:.18s}.toggle-switch i{display:block;width:22px;height:22px;border-radius:50%;background:var(--muted);transition:.18s}.toggle-card input:checked + .toggle-switch{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:rgba(255,255,255,.25)}.toggle-card input:checked + .toggle-switch i{transform:translateX(22px);background:#fff}
.permission-help-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.035);margin-bottom:12px}.permission-grid-clean{display:grid;grid-template-columns:1fr;gap:10px;border:0;padding:0}.permission-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(145px,auto) minmax(145px,auto);gap:10px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.025)}.permission-row small{display:block;color:var(--muted)}
.bio-layout{grid-template-columns:minmax(260px,360px) 1fr}.bio-chart{display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:14px;background:rgba(255,255,255,.025)}.bio-chart svg{width:180px;height:180px}.chart-track{fill:none;stroke:rgba(255,255,255,.08);stroke-width:18}.chart-big{fill:var(--text);font-weight:800;font-size:25px}.chart-small{fill:var(--muted);font-size:12px}.pie-legend b{color:var(--text);font-weight:700}.empty-pie{min-height:180px;display:grid;place-items:center}.pie{display:none}
.mood-svg{width:100%;height:auto;min-height:260px}.axis-label{fill:var(--muted);font-size:13px}.axis-line{stroke:rgba(255,255,255,.28);stroke-width:1.4}.graph-title{fill:var(--text);font-weight:800;font-size:15px}.grid-line{stroke:rgba(255,255,255,.11);stroke-width:1}.mood-line{stroke:url(#none);stroke:var(--accent);filter:drop-shadow(0 0 8px rgba(124,140,255,.30))}
.quran-side{position:sticky;top:104px;align-self:start;max-height:calc(100vh - 124px);overflow:auto}.quran-actions-sticky{display:grid;gap:10px}.bookmark-btn{display:grid;place-items:center;width:42px;height:38px}.bm-mini,.bookmark-symbol{display:block;position:relative;width:18px;height:24px;border:2px solid currentColor;border-bottom:0;border-radius:5px 5px 2px 2px;color:#cfd5ff}.bm-mini:after,.bookmark-symbol:after{content:"";position:absolute;left:3px;right:3px;bottom:-7px;height:14px;background:linear-gradient(135deg,transparent 48%,currentColor 50% 58%,transparent 60%),linear-gradient(225deg,transparent 48%,currentColor 50% 58%,transparent 60%)}.bookmark-btn.active .bm-mini,.bm-mini.active,.bookmark-dock .bookmark-symbol{color:#fff}.bookmark-dock{display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,140,255,.32),rgba(179,107,255,.20));border-color:rgba(154,168,255,.45)}
.guide-list .acc:not([open]){background:rgba(255,255,255,.025)}
.history-row{grid-template-columns:minmax(160px,1fr) auto minmax(170px,auto);align-items:start}.stat b[data-since-format="words"]{font-size:1.05rem}.habit-card{display:grid;gap:6px}
.chat-shell{display:grid;grid-template-rows:auto minmax(340px,60vh) auto}.chat-head{position:sticky;top:88px;z-index:3;background:rgba(8,10,25,.72);backdrop-filter:blur(14px)}.chat-msg{position:relative;transition:transform .18s}.chat-msg.swiping-reply{transform:translateX(-48px);box-shadow:0 0 0 1px rgba(124,140,255,.4),0 14px 40px rgba(124,140,255,.16)}.chat-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.chat-meta img,.chat-avatar-fallback{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);object-fit:cover}.chat-avatar-fallback{display:grid;place-items:center;background:rgba(124,140,255,.18);font-weight:800}.chat-meta small{margin-left:auto}.reply-preview,.reply-bar{border:1px solid rgba(124,140,255,.28);background:rgba(124,140,255,.10);border-radius:14px;padding:8px;margin-bottom:8px;text-align:left;color:var(--text)}.reply-preview{display:grid;width:100%}.reply-preview span{color:var(--muted);font-size:.9rem}.reply-bar{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;align-items:center}.reply-bar button{border:0;background:transparent;color:var(--text);font-size:1.2rem}.chat-actions-inline{display:none;gap:8px;margin-top:8px}.chat-msg:hover .chat-actions-inline{display:flex}.chat-actions-inline button,.chat-context button{border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text);border-radius:12px;padding:7px 10px}.chat-context{position:fixed;z-index:220;display:grid;gap:6px;width:180px;border-radius:18px;padding:8px;background:rgba(8,10,25,.98)}
@media (max-width:900px){.permission-row{grid-template-columns:1fr}.bio-chart{grid-template-columns:1fr}.quran-side{position:sticky;top:12px;max-height:none}.google-panel .floating-results{left:10px;right:10px}.clean-form{grid-template-columns:1fr}}
@media (max-width:560px){.top-actions{min-width:0}.search-wrap{max-width:44vw}.permission-row .toggle-card{width:100%}.chat-meta small{display:none}}

/* Reliq 3.2 dark base correction: blue/purple only as accents, not page brightness */
:root{
  --bg:#02030a;
  --panel:rgba(5,7,18,.90);
  --panel2:rgba(8,10,26,.82);
  --line:rgba(130,148,255,.115);
  --text:#f2f4ff;
  --muted:#858ca8;
  --accent:#6272ff;
  --accent2:#8a54ff;
  --danger:#ff6284;
  --soft:#070916;
  --shadow:0 24px 90px rgba(0,0,0,.72);
  --c0:#6272ff;--c1:#8a54ff;--c2:#31b8e8;--c3:#d75eaa;--c4:#63d6bd;--c5:#d7a85b;
}
html,body{
  background:
    radial-gradient(circle at 14% 8%,rgba(98,114,255,.085),transparent 34%),
    radial-gradient(circle at 86% 9%,rgba(138,84,255,.075),transparent 31%),
    radial-gradient(circle at 50% 112%,rgba(34,53,140,.060),transparent 44%),
    linear-gradient(180deg,#02030a 0%,#03040c 52%,#010208 100%);
}
.glass{
  background:linear-gradient(145deg,rgba(9,11,27,.74),rgba(3,4,12,.88));
  border-color:rgba(130,148,255,.105);
  box-shadow:0 24px 90px rgba(0,0,0,.72);
}
.aurora-one{background:rgba(98,114,255,.07);filter:blur(120px)}
.aurora-two{background:rgba(138,84,255,.065);filter:blur(115px)}
.noise{opacity:.025}
.topbar,.content-card,.home-clock,.prayer-strip,.google-panel,.hero,.modal,.side-menu{
  background:linear-gradient(145deg,rgba(8,10,25,.78),rgba(3,4,12,.90));
  border-color:rgba(130,148,255,.11);
}
.hero-card,.profile-card,.settings-panel,.habit-card,.stat,.acc,.glossary-card,.history-row,.chat-messages,.chat-msg,.permission-help-card,.permission-row,.bio-chart,.notice{
  background:rgba(6,8,20,.74);
  border-color:rgba(130,148,255,.10);
}
input,select,textarea,.lang-select,.search-wrap{
  background:rgba(2,3,10,.84);
  border-color:rgba(130,148,255,.12);
}
button.ghost,.icon-button,.ghost,.chat-actions-inline button,.chat-context button{
  background:rgba(8,10,24,.62);
  border-color:rgba(130,148,255,.11);
}
.brand:hover,.icon-button:hover,.ghost:hover,.side-menu nav button:hover,.side-menu nav button.active,.floating-results button:hover,.floating-results button.active{
  background:rgba(98,114,255,.09);
}
.primary{
  background:linear-gradient(135deg,rgba(98,114,255,.92),rgba(138,84,255,.86));
  color:#f7f8ff;
  box-shadow:0 12px 34px rgba(98,114,255,.14);
}
.danger{background:rgba(255,98,132,.10);border-color:rgba(255,98,132,.28);color:#ffd4de}
a{color:#aeb9ff}
.prayer{
  background:rgba(6,8,20,.78);
  border-color:rgba(130,148,255,.10);
}
.next-prayer{
  background:linear-gradient(145deg,rgba(98,114,255,.18),rgba(138,84,255,.10));
  border-color:rgba(119,134,255,.36);
  box-shadow:0 18px 60px rgba(98,114,255,.095);
}
.prayer-strip:before{background:linear-gradient(90deg,rgba(2,3,10,.97),transparent)}
.prayer-strip:after{background:linear-gradient(-90deg,rgba(2,3,10,.97),transparent)}
.floating-results,.google-panel .floating-results,.toast,.chat-context{
  background:rgba(3,4,13,.985);
  border-color:rgba(130,148,255,.13);
}
.modal-root{background:rgba(0,0,0,.74);backdrop-filter:blur(18px)}
.login-overlay{background:rgba(0,1,5,.955)}
.blur-preview{filter:blur(46px) brightness(.16) saturate(.35);opacity:.16}
.chat-msg.mine{
  background:rgba(98,114,255,.105);
  border-color:rgba(98,114,255,.20);
}
.reply-preview,.reply-bar{
  background:rgba(98,114,255,.075);
  border-color:rgba(98,114,255,.20);
}
.bookmark-dock{
  background:linear-gradient(135deg,rgba(98,114,255,.18),rgba(138,84,255,.12));
  border-color:rgba(130,148,255,.22);
}
.chart-track{stroke:rgba(255,255,255,.045)}
.grid-line{stroke:rgba(255,255,255,.07)}
.axis-line{stroke:rgba(255,255,255,.18)}
.muted,.tiny,.acc-title small,.history-row time,.history-row span,.chat-head{color:var(--muted)}

/* Reliq 3.4 Google search branding fix */
.google-panel{position:relative;z-index:80;overflow:visible}
.google-panel form{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}
.google-logo{width:38px;height:38px;object-fit:contain;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}
.google-submit{width:44px;height:44px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(124,140,255,.16),rgba(138,84,255,.10));display:grid;place-items:center;padding:0;transition:.18s ease}
.google-submit:hover,.google-submit:focus-visible{background:linear-gradient(145deg,rgba(124,140,255,.30),rgba(138,84,255,.20));box-shadow:0 0 0 3px rgba(124,140,255,.14);outline:none}
.google-submit img{width:22px;height:22px;display:block;opacity:.94}
.google-panel input{height:46px;border-radius:16px;background:rgba(2,3,10,.72);border-color:rgba(130,148,255,.16)}
.google-panel .floating-results{left:0;right:0;top:calc(100% + 10px);z-index:9999;min-width:unset;background:rgba(4,5,15,.985);border-color:rgba(130,148,255,.22);box-shadow:0 26px 110px rgba(0,0,0,.82),0 0 0 1px rgba(138,84,255,.08)}
.google-panel .floating-results button{display:flex;gap:12px;align-items:center;border-radius:14px;padding:11px 13px}
.google-panel .floating-results button:hover,.google-panel .floating-results button.active{background:linear-gradient(90deg,rgba(124,140,255,.16),rgba(138,84,255,.10))}
.sug-icon-img{width:18px;height:18px;opacity:.62;flex:0 0 auto}
.gmark{display:none!important}
.home-grid{position:relative;z-index:1}
@media (max-width:560px){.google-panel form{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.google-logo{width:32px;height:32px}.google-submit{width:40px;height:40px}.google-panel input{height:42px}}

/* Reliq 3.6 portal logo + icon/search/chat/bookmark refinements */
.topbar{z-index:120;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;overflow:visible}
.top-actions{min-width:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end}
.search-wrap{min-width:190px;max-width:min(360px,34vw);z-index:121;flex:0 1 360px}
.search-wrap input{min-width:0}.top-search-icon{width:18px;height:18px;opacity:.82;flex:0 0 auto;filter:drop-shadow(0 0 8px rgba(138,84,255,.22))}
.search-wrap .floating-results{left:0;right:0;z-index:9999}.filterbar button[data-apply],.filterbar button[data-clear],.icon-ghost{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0}.filterbar button img,.icon-ghost img{width:21px;height:21px;opacity:.92}.filterbar{align-items:end}.filterbar label{min-width:0}.filterbar input,.filterbar select{width:100%}
.bookmark-dock{position:static!important;width:42px!important;height:42px!important;border-radius:14px!important;box-shadow:none!important;z-index:auto!important;flex:0 0 auto;background:linear-gradient(145deg,rgba(124,140,255,.16),rgba(138,84,255,.10))!important;border-color:rgba(130,148,255,.16)!important}.bookmark-dock .bookmark-symbol{transform:scale(.72)}
.bookmark-symbol,.bm-mini{display:inline-grid;place-items:center;width:24px;height:24px;border:0!important;border-radius:0!important;color:#cfd5ff;background:none!important}.bookmark-symbol:before,.bm-mini:before{content:'☆';font-size:23px;line-height:1;color:#cfd5ff;text-shadow:0 0 10px rgba(124,140,255,.18)}.bookmark-symbol:after,.bm-mini:after{content:none!important}.bookmark-btn.active .bm-mini:before,.bm-mini.active:before{content:'★';color:#ffd84d;text-shadow:0 0 16px rgba(255,216,77,.44)}.bookmark-btn{min-width:42px}.bookmark-btn.active{background:rgba(255,216,77,.12);border-color:rgba(255,216,77,.42)}
.mood-chart-wrap{display:grid;gap:12px}.mood-svg{min-height:320px}.mood-legend{display:flex;gap:8px;flex-wrap:wrap}.mood-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(130,148,255,.13);background:rgba(6,8,20,.62);border-radius:999px;padding:6px 10px;font-size:.86rem;color:var(--muted)}.mood-chip i{width:10px;height:10px;border-radius:999px;background:var(--mood-color,#8a54ff);box-shadow:0 0 14px var(--mood-color,#8a54ff)}.mood-label{fill:#f4f6ff;font-size:11px;font-weight:700;paint-order:stroke;stroke:#05070d;stroke-width:3px;stroke-linejoin:round}.mood-date-label{fill:var(--muted);font-size:11px}.mood-point{stroke:#05070d;stroke-width:2}.mood-happy{fill:#ffd84d}.mood-calm{fill:#63d6bd}.mood-hopeful{fill:#7ee787}.mood-neutral{fill:#9aa8ff}.mood-tired{fill:#a7adbd}.mood-sad{fill:#56a8ff}.mood-anxious{fill:#ffb86b}.mood-angry{fill:#ff6284}.mood-empty{fill:#b39bff}.mood-overwhelmed{fill:#d75eaa}
.chat-messages{align-items:stretch}.chat-msg{width:max-content;max-width:min(66ch,76%);overflow-wrap:anywhere}.chat-msg:not(.mine){align-self:flex-start}.chat-msg.mine{align-self:flex-end}.chat-body{width:max-content;max-width:100%}.chat-actions-inline{display:none!important}.reply-preview{padding:6px 8px;border-radius:10px;background:rgba(124,140,255,.055);border-color:rgba(124,140,255,.14);font-size:.86rem;margin-bottom:6px}.reply-preview b{font-size:.82rem}.reply-preview span{font-size:.78rem}.reply-bar{padding:7px 9px;border-radius:12px;background:rgba(124,140,255,.06);border-color:rgba(124,140,255,.16);font-size:.9rem}.chat-form textarea{min-height:70px}.typing-live{color:#aeb9ff;font-style:italic}.chat-context{box-shadow:0 22px 70px rgba(0,0,0,.72),0 0 0 1px rgba(138,84,255,.1)}
.history-row .entry-actions{margin:6px 0 0}.history-row p{margin:.2rem 0}.history-row{gap:10px}.history-row .history-main{display:grid;gap:2px}.history-row .history-note{grid-column:1/-1;color:var(--text)}
.gloss-term{border-bottom:1px dotted #aeb9ff;color:#f4f6ff;background:rgba(138,84,255,.08);border-radius:4px;padding:0 2px;cursor:help}.prayer-row .gloss-term,.translit .gloss-term{font-style:inherit}
@media (max-width:900px){.topbar{grid-template-columns:auto minmax(0,1fr);gap:8px}.brand{min-width:0}.top-actions{grid-column:1/-1;justify-content:stretch;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:8px}.search-wrap{max-width:none;min-width:0;width:100%}.top-actions .notebook,.top-actions .small{display:grid}.bookmark-dock{display:grid!important}.filterbar{grid-template-columns:1fr 1fr auto auto}.chat-msg{max-width:88%}}
@media (max-width:560px){.topbar{grid-template-columns:auto 1fr}.top-actions{grid-template-columns:minmax(0,1fr) auto auto auto}.search-wrap{max-width:none}.top-actions .small{display:none}.brand span{display:none}.filterbar{grid-template-columns:1fr 1fr}.filterbar button[data-apply],.filterbar button[data-clear]{width:100%;min-width:0}.chat-msg{max-width:92%;width:fit-content}.mood-svg{min-height:360px}}

/* Reliq 3.7 spacing, layering and mood export polish */
.side-menu{z-index:5200!important}.menu-backdrop{z-index:5100!important}.topbar{z-index:5000!important}.google-panel{z-index:10!important}.google-panel .floating-results{z-index:350!important}.home-grid{z-index:1!important}.main{position:relative;z-index:1}.topbar + .side-menu.open{z-index:5200!important}
.compact-filterbar{gap:8px!important;align-items:end!important}.compact-filterbar .filter-actions{display:flex;gap:6px;align-items:end;justify-content:flex-start;align-self:end;width:max-content}.compact-filterbar .filter-actions .icon-ghost{width:42px;min-width:42px;height:42px}.compact-filterbar .filter-actions img{width:20px;height:20px}.filterbar.compact-filterbar{grid-template-columns:repeat(auto-fit,minmax(145px,1fr)) max-content!important}.filterbar.compact-filterbar label{min-width:0}.filterbar.compact-filterbar label select,.filterbar.compact-filterbar label input{min-width:0}
.mood-stats-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.icon-label{display:inline-flex;align-items:center;gap:8px}.icon-label img{width:18px;height:18px;opacity:.92}.mood-svg{min-height:390px;overflow:visible}.mood-y-axis{dominant-baseline:middle}.graph-title{fill:#f4f6ff;font-size:16px;font-weight:800}.axis-label{fill:rgba(220,226,255,.72);font-size:12px}.mood-chart-wrap{overflow:visible}.stats-panel{overflow:visible}
@media (max-width:900px){.filterbar.compact-filterbar{grid-template-columns:1fr 1fr!important}.compact-filterbar .filter-actions{grid-column:1/-1}.google-panel{z-index:4!important}.google-panel .floating-results{z-index:100!important}}
@media (max-width:560px){.compact-filterbar .filter-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.compact-filterbar .filter-actions .icon-ghost{width:100%;min-width:0}.mood-stats-head{align-items:stretch}.mood-stats-head .range-tabs{width:100%}.icon-label{justify-content:center;width:100%}}

/* Reliq 3.7 spacing, layering and mood export polish */
.side-menu{z-index:5200!important}.menu-backdrop{z-index:5100!important}.topbar{z-index:5000!important}.google-panel{z-index:10!important}.google-panel .floating-results{z-index:350!important}.home-grid{z-index:1!important}.main{position:relative;z-index:1}.topbar + .side-menu.open{z-index:5200!important}
.compact-filterbar{gap:8px!important;align-items:end!important}.compact-filterbar .filter-actions{display:flex;gap:6px;align-items:end;justify-content:flex-start;align-self:end;width:max-content}.compact-filterbar .filter-actions .icon-ghost{width:42px;min-width:42px;height:42px}.compact-filterbar .filter-actions img{width:20px;height:20px}.filterbar.compact-filterbar{grid-template-columns:repeat(auto-fit,minmax(145px,1fr)) max-content!important}.filterbar.compact-filterbar label{min-width:0}.filterbar.compact-filterbar label select,.filterbar.compact-filterbar label input{min-width:0}
.mood-stats-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.icon-label{display:inline-flex;align-items:center;gap:8px}.icon-label img{width:18px;height:18px;opacity:.92}.mood-svg{min-height:390px;overflow:visible}.mood-y-axis{dominant-baseline:middle}.graph-title{fill:#f4f6ff;font-size:16px;font-weight:800}.axis-label{fill:rgba(220,226,255,.72);font-size:12px}.mood-chart-wrap{overflow:visible}.stats-panel{overflow:visible}
@media (max-width:900px){.filterbar.compact-filterbar{grid-template-columns:1fr 1fr!important}.compact-filterbar .filter-actions{grid-column:1/-1}.google-panel{z-index:4!important}.google-panel .floating-results{z-index:100!important}}
@media (max-width:560px){.compact-filterbar .filter-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.compact-filterbar .filter-actions .icon-ghost{width:100%;min-width:0}.mood-stats-head{align-items:stretch}.mood-stats-head .range-tabs{width:100%}.icon-label{justify-content:center;width:100%}}


/* Reliq 3.8 mood graph and profile editor fixes */
.mood-emotion-svg{min-height:440px;overflow:visible}.mood-axis-mood{font-size:12px}.mood-intensity-label{fill:#05070d;font-size:11px;font-weight:900;pointer-events:none}.mood-dot-group{filter:drop-shadow(0 0 7px rgba(138,84,255,.22))}.mood-chart-wrap{padding-top:4px}.mood-stats-head .icon-label img[src$="download-icon.svg"]{width:18px;height:18px;filter:drop-shadow(0 0 9px rgba(86,168,255,.42))}.user-editor-modal{display:grid;gap:16px}.user-editor-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px}.user-editor-fields label{display:grid;gap:6px;color:var(--muted);font-size:.9rem}.permissions-section{display:grid;gap:12px;grid-column:1/-1}.reset-password-card{border:1px solid rgba(130,148,255,.18);background:rgba(6,8,20,.72);border-radius:18px;padding:14px;display:grid;gap:8px;align-items:start;grid-column:1/-1}.reset-password-card p{margin:0}.reset-password-card button{justify-self:start}.modal .permission-help-card{margin-bottom:0}.modal .permission-grid-clean{max-height:min(52vh,620px);overflow:auto;padding-right:4px}.permission-row{position:relative}.permission-row .toggle-card{min-width:0}.permission-row .toggle-card span:last-child{white-space:nowrap}.filter-actions{gap:6px}.compact-filterbar .filter-actions{gap:6px;justify-content:flex-start}.icon-ghost{margin:0}
@media (max-width:700px){.mood-emotion-svg{min-height:500px}.mood-label{font-size:10px}.mood-intensity-label{font-size:10px}.modal .permission-grid-clean{max-height:none}.reset-password-card button{width:100%}}


/* Reliq 4.1 refinements */
.source-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.source-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.035)}
.source-pill.verified{border-color:rgba(126,231,135,.32);background:rgba(126,231,135,.08);color:#dfffe5}
.glossary-card.soft-highlight{animation:softPulse 5s ease!important}
.diary-only{display:grid;gap:14px}
.login-remember{margin:14px 0!important;justify-content:space-between}
.login-remember input{position:absolute;opacity:0;pointer-events:none}
.login-card .toggle-card{display:flex!important}
.bio-chart.empty-pie{display:grid;place-items:center;grid-template-columns:1fr;min-height:180px}
.bio-chart.empty-pie strong{font-size:2rem}
.bio-chart.empty-pie small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em}

/* Reliq 4.3 mood graph full proportional axis */
.mood-full-axis-svg{min-height:520px;overflow:visible}
.mood-full-axis-svg .mood-axis-mood{font-size:12px;font-weight:700;paint-order:stroke;stroke:#05070d;stroke-width:3px;stroke-linejoin:round}
.mood-full-axis-svg .mood-axis-score{font-size:10px;opacity:.64}
.mood-full-axis-svg .mood-intensity-label{font-size:11px;font-weight:900;fill:#05070d;pointer-events:none}
.mood-full-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:8px}.mood-full-legend .mood-chip{justify-content:flex-start}.mood-full-legend .mood-chip:not(.used){opacity:.72}.mood-full-legend small{margin-left:auto;color:rgba(220,226,255,.52)}
@media (max-width:700px){.mood-full-axis-svg{min-height:610px}.mood-full-axis-svg .mood-axis-mood{font-size:11px}.mood-full-axis-svg .mood-axis-score{display:none}}


/* Reliq 4.4 robust chat menu/action fixes */
.chat-actions-inline{display:none!important}
.chat-msg{position:relative;max-width:min(680px,82%);width:max-content;min-width:min(230px,70%);touch-action:pan-y;user-select:text}
.chat-msg.theirs{align-self:flex-start}
.chat-msg.mine{align-self:flex-end}
.chat-body{white-space:pre-wrap;overflow-wrap:anywhere}
.chat-context{position:fixed;z-index:250;display:grid;gap:6px;min-width:168px;padding:8px;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.chat-context button{border:0;background:rgba(255,255,255,.055);border-radius:12px;padding:10px 12px;text-align:left;color:inherit}
.chat-context button:hover,.chat-context button:focus-visible{background:rgba(137,91,255,.18);outline:none}
.chat-context .danger-text{color:#ffd1d6}
.reply-preview.compact-reply-preview{font-size:.78rem;font-weight:500;padding:6px 8px;border-radius:10px;opacity:.86;max-width:100%;display:grid;gap:2px;text-align:left}
.reply-preview.compact-reply-preview b{font-size:.75rem}
.reply-preview.compact-reply-preview span{font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reply-bar.slim-reply-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border-radius:14px}
.reply-bar.slim-reply-bar img,.reply-bar.slim-reply-bar .chat-avatar-fallback{width:26px;height:26px;border-radius:50%}
.reply-bar.slim-reply-bar span{display:grid;gap:1px;min-width:0}
.reply-bar.slim-reply-bar small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:.75rem}
.reply-bar.slim-reply-bar button{border:0;background:rgba(255,255,255,.06);border-radius:10px;width:28px;height:28px}
.edited-flag{color:var(--muted);font-size:.7rem;font-style:normal}
.swiping-reply{transform:translateX(-22px);box-shadow:0 0 0 1px rgba(137,91,255,.35),0 18px 50px rgba(137,91,255,.16)}
@media (max-width:560px){.chat-msg{max-width:92%;min-width:min(220px,82%)}.chat-context{min-width:158px}}



/* Reliq 4.6 chat fallback actions + centered prayer loop */
.chat-actions-inline{display:none!important}
.chat-msg{position:relative;max-width:min(680px,84%);width:max-content;min-width:min(230px,70%);touch-action:pan-y}
.chat-msg.theirs{align-self:flex-start}
.chat-msg.mine{align-self:flex-end}
.chat-body{white-space:pre-wrap;overflow-wrap:anywhere}
.chat-meta{position:relative;display:flex;align-items:center;gap:8px;min-width:0}
.chat-more-btn{margin-left:auto;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:10px;width:30px;height:28px;line-height:1;color:inherit;display:grid;place-items:center}
.chat-more-btn:hover,.chat-more-btn:focus-visible{background:rgba(139,92,246,.16);outline:none}
.chat-pc-actions{display:flex;gap:6px;margin-top:7px;opacity:.68}
.chat-pc-actions button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:9px;padding:4px 8px;font-size:.72rem;color:var(--muted)}
.chat-pc-actions button:hover,.chat-pc-actions button:focus-visible{opacity:1;color:var(--text);background:rgba(139,92,246,.15);outline:none}
.chat-context{position:fixed;z-index:260;display:grid;gap:6px;min-width:170px;padding:8px;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.chat-context button{border:0;background:rgba(255,255,255,.055);border-radius:12px;padding:10px 12px;text-align:left;color:inherit}
.chat-context button:hover,.chat-context button:focus-visible{background:rgba(139,92,246,.18);outline:none}
.chat-context .danger-text,.chat-pc-actions [data-chat-action="delete"]{color:#ffd1d6}
.reply-preview.compact-reply-preview{font-size:.78rem;font-weight:500;padding:6px 8px;border-radius:10px;opacity:.86;max-width:100%;display:grid;gap:2px;text-align:left}
.reply-preview.compact-reply-preview b{font-size:.75rem}
.reply-preview.compact-reply-preview span{font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reply-bar.slim-reply-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;border-radius:14px}
.reply-bar.slim-reply-bar img,.reply-bar.slim-reply-bar .chat-avatar-fallback{width:26px;height:26px;border-radius:50%}
.reply-bar.slim-reply-bar span{display:grid;gap:1px;min-width:0}
.reply-bar.slim-reply-bar small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:.75rem}
.reply-bar.slim-reply-bar button{border:0;background:rgba(255,255,255,.06);border-radius:10px;width:28px;height:28px}
.edited-flag{color:var(--muted);font-size:.7rem;font-style:normal}
.swiping-reply{transform:translateX(-22px);box-shadow:0 0 0 1px rgba(137,91,255,.35),0 18px 50px rgba(137,91,255,.16)}

.prayer-strip{position:relative;overflow:hidden}
.prayer-strip::before,.prayer-strip::after{content:"";position:absolute;top:0;bottom:0;width:15%;z-index:2;pointer-events:none}
.prayer-strip::before{left:0;background:linear-gradient(90deg,rgba(5,7,15,.96),rgba(5,7,15,0))}
.prayer-strip::after{right:0;background:linear-gradient(270deg,rgba(5,7,15,.96),rgba(5,7,15,0))}
.prayer-times{display:flex!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:10px max(36vw,260px);-webkit-overflow-scrolling:touch}
.prayer-times::-webkit-scrollbar{height:7px}
.prayer-times::-webkit-scrollbar-thumb{background:rgba(139,92,246,.36);border-radius:99px}
.prayer{flex:0 0 clamp(132px,22vw,205px);scroll-snap-align:center;min-height:112px}
.prayer.next-prayer{transform:scale(1.08);z-index:3;box-shadow:0 0 0 1px rgba(139,92,246,.46),0 0 40px rgba(139,92,246,.25)}
#prayerPrev,#prayerNext{position:relative;z-index:4}
@media (max-width:560px){
  .chat-msg{max-width:92%;min-width:min(220px,82%)}
  .chat-pc-actions{opacity:.85}
  .prayer-times{padding-inline:calc(50vw - 72px)}
  .prayer{flex-basis:144px}
  .prayer.next-prayer{transform:scale(1.04)}
}



/* Reliq 4.7 final chat + five-prayer carousel cleanup */
.chat-more-btn,.chat-pc-actions{display:none!important}
.chat-msg{position:relative;max-width:min(680px,84%);width:max-content;min-width:min(230px,70%);touch-action:pan-y}
.chat-msg.theirs{align-self:flex-start}
.chat-msg.mine{align-self:flex-end}
.chat-body{white-space:pre-wrap;overflow-wrap:anywhere}
.chat-context{position:fixed;z-index:280;display:grid;gap:6px;min-width:170px;padding:8px;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.chat-context button{border:0;background:rgba(255,255,255,.055);border-radius:12px;padding:10px 12px;text-align:left;color:inherit}
.chat-context button:hover,.chat-context button:focus-visible{background:rgba(139,92,246,.18);outline:none}
.chat-context .danger-text{color:#ffd1d6}
.reply-preview.one-line-reply-preview{display:flex;align-items:center;gap:7px;width:100%;max-width:100%;padding:5px 8px;border-radius:9px;font-size:.74rem;line-height:1.1;opacity:.78;min-height:26px;text-align:left;overflow:hidden;position:relative}
.reply-preview.one-line-reply-preview b{flex:0 0 auto;font-size:.72rem;max-width:36%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reply-preview.one-line-reply-preview span{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:clip;color:var(--muted);mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%)}
.reply-bar.one-line-reply-bar{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:12px;min-height:34px}
.reply-bar.one-line-reply-bar img,.reply-bar.one-line-reply-bar .chat-avatar-fallback{width:22px;height:22px;border-radius:50%;flex:0 0 auto}
.reply-bar.one-line-reply-bar b{font-size:.78rem;white-space:nowrap;max-width:28%;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto}
.reply-bar.one-line-reply-bar span:not(.chat-avatar-fallback){font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:clip;min-width:0;flex:1 1 auto;color:var(--muted);mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%)}
.reply-bar.one-line-reply-bar button{border:0;background:rgba(255,255,255,.06);border-radius:9px;width:25px;height:25px;flex:0 0 auto}
.reply-soft-highlight{animation:replySoftGlow 1.8s ease-out}
@keyframes replySoftGlow{
  0%{box-shadow:0 0 0 0 rgba(139,92,246,0);background-color:rgba(139,92,246,0)}
  18%{box-shadow:0 0 0 1px rgba(139,92,246,.32),0 0 34px rgba(139,92,246,.24);background-color:rgba(139,92,246,.095)}
  100%{box-shadow:0 0 0 0 rgba(139,92,246,0);background-color:rgba(139,92,246,0)}
}
.edited-flag{color:var(--muted);font-size:.7rem;font-style:normal}
.swiping-reply{transform:translateX(-22px);box-shadow:0 0 0 1px rgba(137,91,255,.35),0 18px 50px rgba(137,91,255,.16)}
.prayer-strip{position:relative;overflow:hidden}
.prayer-times{display:grid!important;grid-template-columns:repeat(5,minmax(112px,1fr))!important;gap:10px;overflow:visible!important;padding:10px 4px!important;scroll-snap-type:none!important}
.prayer{min-height:112px;transition:transform .28s ease,opacity .28s ease,box-shadow .28s ease,filter .28s ease;will-change:transform,opacity}
.prayer[data-offset="-2"],.prayer[data-offset="2"]{opacity:.56;transform:scale(.88)}
.prayer[data-offset="-1"],.prayer[data-offset="1"]{opacity:.78;transform:scale(.95)}
.prayer.carousel-center{opacity:1;transform:scale(1.04)}
.prayer.next-prayer{box-shadow:0 0 0 1px rgba(139,92,246,.46),0 0 40px rgba(139,92,246,.23)}
.prayer.carousel-center.next-prayer{transform:scale(1.08);z-index:3}
#prayerPrev,#prayerNext{position:relative;z-index:4}
@media (max-width:760px){
  .prayer-times{gap:7px!important;grid-template-columns:repeat(5,minmax(68px,1fr))!important;padding:8px 0!important}
  .prayer{min-width:0;min-height:98px;padding:9px 5px}
  .prayer b{font-size:.72rem}
  .prayer span{font-size:.88rem}
  .prayer small{font-size:.64rem}
}
@media (max-width:420px){
  .prayer-times{gap:5px!important;grid-template-columns:repeat(5,minmax(54px,1fr))!important}
  .prayer{min-height:92px;padding:8px 3px}
}



/* Reliq 4.8 golden reply highlight */
.reply-soft-highlight{
  animation:replyGoldenGlow 5s ease-out;
}
@keyframes replyGoldenGlow{
  0%{
    box-shadow:0 0 0 0 rgba(245,196,92,0);
    background-color:rgba(245,196,92,0);
  }
  8%{
    box-shadow:0 0 0 1px rgba(245,196,92,.34),0 0 28px rgba(245,196,92,.22);
    background-color:rgba(245,196,92,.075);
  }
  28%{
    box-shadow:0 0 0 1px rgba(245,196,92,.42),0 0 42px rgba(245,196,92,.26);
    background-color:rgba(245,196,92,.105);
  }
  64%{
    box-shadow:0 0 0 1px rgba(245,196,92,.22),0 0 26px rgba(245,196,92,.14);
    background-color:rgba(245,196,92,.055);
  }
  100%{
    box-shadow:0 0 0 0 rgba(245,196,92,0);
    background-color:rgba(245,196,92,0);
  }
}



/* Reliq 5.0 avatar file upload */
.avatar-upload-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}
.avatar-upload-preview{
  width:82px;
  height:82px;
  border-radius:24px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,rgba(139,92,246,.24),rgba(73,187,255,.12));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 14px 38px rgba(0,0,0,.28);
}
.avatar-upload-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.avatar-upload-preview span{
  font-weight:800;
  font-size:1.8rem;
}
.avatar-upload-controls{
  display:grid;
  gap:10px;
  min-width:0;
}
.file-upload-label{
  display:grid;
  gap:8px;
}
.file-upload-label input[type="file"]{
  width:100%;
  padding:10px;
  border:1px dashed rgba(139,92,246,.42);
  border-radius:14px;
  background:rgba(139,92,246,.06);
}
@media (max-width:560px){
  .avatar-upload-card{grid-template-columns:1fr}
  .avatar-upload-preview{width:76px;height:76px}
}



/* Reliq 5.1 Bio + Mood Diary patch */
.bio-layout-51{
  display:grid;
  grid-template-columns:minmax(260px,380px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.bio-composition-card{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:rgba(255,255,255,.035);
}
.bio-donut{
  width:140px;
  height:140px;
  border-radius:50%;
  display:grid;
  place-items:center;
  box-shadow:0 18px 45px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.1);
}
.bio-donut::before{
  content:"";
  position:absolute;
}
.bio-donut-center{
  width:86px;
  height:86px;
  border-radius:50%;
  display:grid;
  place-items:center;
  align-content:center;
  gap:2px;
  background:rgba(7,9,20,.92);
  border:1px solid rgba(255,255,255,.08);
  text-align:center;
}
.bio-donut-center b{
  font-size:1.45rem;
  line-height:1;
}
.bio-donut-center small{
  font-size:.7rem;
  font-weight:700;
  max-width:76px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bio-composition-legend{
  display:grid;
  gap:8px;
  min-width:0;
}
.bio-composition-legend h4,.mood-used-legend h4{
  margin:0 0 4px;
  font-size:.92rem;
}
.bio-comp-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:8px;
  align-items:center;
  padding:7px 9px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
}
.bio-comp-row i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--bio-comp-color);
  box-shadow:0 0 16px color-mix(in srgb,var(--bio-comp-color),transparent 45%);
}
.bio-comp-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bio-comp-row b{
  font-variant-numeric:tabular-nums;
}
.bio-comp-row small{
  color:var(--muted);
}
.bio-metric-list{
  align-self:stretch;
}
.bio-compare-panel{
  margin:14px 0;
}
.bio-compare-pick{
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
}
.bio-compare-pick input{
  accent-color:#8b5cf6;
}
.bio-compare-table-wrap{
  width:100%;
  overflow:auto;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
}
.bio-compare-table{
  width:100%;
  border-collapse:collapse;
  min-width:620px;
}
.bio-compare-table th,.bio-compare-table td{
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.07);
  text-align:left;
  white-space:nowrap;
}
.bio-compare-table th{
  color:var(--text);
  background:rgba(255,255,255,.04);
}
.bio-compare-table td{
  color:var(--muted);
}
.mood-equal-axis-svg .mood-axis-score{
  display:none!important;
}
.mood-period-description{
  margin:10px 0 8px;
  padding:8px 10px;
  border-radius:12px;
  color:var(--muted);
  background:rgba(255,255,255,.035);
  font-size:.86rem;
}
.mood-used-legend{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.mood-used-legend h4{
  width:100%;
}
.mood-used-legend .mood-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.mood-used-legend .mood-chip small{
  color:var(--muted);
}
@media (max-width:780px){
  .bio-layout-51,.bio-composition-card{
    grid-template-columns:1fr;
  }
  .bio-donut{
    justify-self:center;
  }
}



/* Reliq 5.2 Bio compare refinement */
.bio-compare-panel{
  margin:14px 0;
  animation:bioCompareIn .22s ease-out;
}
@keyframes bioCompareIn{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:translateY(0)}
}
.bio-compare-card-control{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:10px 12px;
  margin:0 0 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(139,92,246,.11),rgba(86,168,255,.045));
  cursor:pointer;
}
.bio-compare-card-control input{
  width:18px;
  height:18px;
  accent-color:#8b5cf6;
}
.bio-compare-card-control span{
  display:grid;
  gap:2px;
  min-width:0;
}
.bio-compare-card-control b{
  font-size:.88rem;
}
.bio-compare-card-control small{
  color:var(--muted);
  font-size:.74rem;
}
.bio-diff-table tr.good td:last-child,
.bio-diff-table tr.good th{
  color:#7ee787;
}
.bio-diff-table tr.bad td:last-child,
.bio-diff-table tr.bad th{
  color:#ff7b91;
}
.bio-diff-table tr.neutral td:last-child,
.bio-diff-table tr.neutral th{
  color:var(--muted);
}
.bio-diff-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 9px;
  border-radius:999px;
  font-weight:700;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  white-space:nowrap;
}
.bio-diff-pill.good{
  color:#7ee787;
  background:rgba(126,231,135,.08);
  border-color:rgba(126,231,135,.2);
}
.bio-diff-pill.bad{
  color:#ff7b91;
  background:rgba(255,123,145,.08);
  border-color:rgba(255,123,145,.2);
}
.bio-diff-pill.neutral{
  color:var(--muted);
}
.bio-diff-pill b{
  font-size:1rem;
  line-height:1;
}
.bio-diff-table small{
  display:block;
  margin-top:2px;
  font-size:.7rem;
}
.bio-entry-card[open]:first-of-type{
  box-shadow:0 0 0 1px rgba(139,92,246,.16),0 18px 46px rgba(0,0,0,.16);
}



/* Reliq 5.3 Qur'an bottom chapter navigation */
.quran-bottom-nav{
  display:grid;
  grid-template-columns:auto minmax(220px,1fr) auto;
  gap:12px;
  align-items:end;
  margin:24px 0 4px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(86,168,255,.045));
}
.quran-bottom-nav button:disabled{
  opacity:.38;
  cursor:not-allowed;
}
.quran-bottom-drawer{
  display:grid;
  gap:6px;
  color:var(--muted);
  font-size:.82rem;
}
.quran-bottom-drawer select{
  width:100%;
}
@media (max-width:620px){
  .quran-bottom-nav{
    grid-template-columns:1fr;
  }
}