/* Amalnama v5 · screens matched to the design canvas */
/* ---------- Today: separate sections */
#groups{display:grid;gap:12px}
.v5sec{border-radius:24px;background:#0B2528;border:1px solid rgba(232,201,138,.16);overflow:hidden;color:#F3EEDF}
.v5sh{display:flex;align-items:center;gap:10px;padding:12px 12px 10px 14px;border-bottom:1px solid rgba(255,255,255,.05)}
.v5st{width:40px;height:42px;border-radius:12px;border:1px solid;color:var(--sc);display:grid;place-items:center;flex:none}
.v5sn{flex:1;min-width:0}.v5sn h3{margin:0;font-size:18px;line-height:1.2;font-family:'Tiro Bangla',serif;font-weight:400;color:#F3EEDF}
.v5sn div{font-size:12px;color:#9DB8B1}
.v5sr{position:relative;width:42px;height:42px;flex:none}.v5sr b{position:absolute;inset:0;display:grid;place-items:center;font-family:'Tiro Bangla',serif;font-weight:400;font-size:10.5px;color:var(--sc)}
.v5add{width:44px;height:44px;border-radius:14px;border:1px solid rgba(232,201,138,.45);background:rgba(232,201,138,.08);color:#F7E2A6;display:grid;place-items:center;cursor:pointer;flex:none}
.v5add:hover{background:rgba(232,201,138,.16)}
.v5items{list-style:none;margin:0;padding:0}
.v5items li{display:flex;align-items:center;gap:6px;padding:2px 12px 2px 4px;border-bottom:1px solid rgba(255,255,255,.04)}
.v5items li:last-child{border-bottom:0}
.v5ck{width:44px;height:46px;flex:none;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;padding:0}
.v5ck span{width:24px;height:24px;border-radius:8px;border:2px solid rgba(232,201,138,.55);display:grid;place-items:center;box-sizing:border-box}
.v5ck svg{opacity:0}
.v5items li.on .v5ck span{background:var(--sc);border-color:var(--sc)}.v5items li.on .v5ck svg{opacity:1}
.v5it{flex:1;min-width:0;font-size:15px;font-weight:500}
.v5items li.on .v5it{text-decoration:line-through;opacity:.55}
.v5it .prio{margin-inline-start:6px;font-size:11px;padding:1px 7px;border-radius:99px;background:rgba(232,131,107,.18);color:#F2B5A4;text-decoration:none;display:inline-block}
.v5tm{font-family:'Tiro Bangla',serif;font-size:13px;color:#9DB8B1;white-space:nowrap}
.v5cal{color:#8FE6C8;margin-inline-start:4px;display:grid}
.v5empty{padding:6px 12px!important}
.v5empty button{width:100%;min-height:44px;border-radius:14px;border:1px dashed rgba(232,201,138,.4);background:transparent;color:#F7E2A6;font:inherit;font-weight:600;font-size:13.5px;cursor:pointer}

/* ---------- Hadith (Sihah Sittah) */
.v5hd{color:#F3EEDF}
.v5hd-top{display:flex;align-items:center;gap:10px;margin:4px 0 0}
.v5hd-top h1{margin:0;font-family:'Tiro Bangla',serif;font-weight:400;font-size:26px;color:#F7E2A6;line-height:1.2}
.v5hd-top .sub{font-size:12.5px;color:#9DB8B1}
.v5sq{width:44px;height:44px;border-radius:14px;background:#0B2528;border:1px solid rgba(232,201,138,.2);color:#F3EEDF;display:grid;place-items:center;cursor:pointer;flex:none}
.v5hd-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.v5hd-books button{min-height:78px;padding:8px 6px;border-radius:999px 999px 16px 16px;border:1.5px solid rgba(232,201,138,.16);background:#0B2528;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font:inherit;color:#DCE7E2}
.v5hd-books button[aria-pressed="true"]{border-color:#E8C98A;background:rgba(232,201,138,.12);color:#F7E2A6}
.v5hd-books .ar{font-family:'Amiri',serif;font-size:15px;color:#E8C98A;line-height:1.3}
.v5hd-books .bn{font-size:12.5px;font-weight:600;line-height:1.2;text-align:center}
.v5hd-hero{position:relative;overflow:hidden;margin-top:14px;padding:16px;border-radius:24px;background:linear-gradient(160deg,#103A37,#0A2427);border:1px solid rgba(232,201,138,.3)}
.v5hd-hero .dm{position:absolute;top:-16px;inset-inline-end:-16px;width:46px;height:46px;transform:rotate(45deg);border:1px solid rgba(232,201,138,.25)}
.v5hd-hero .ar{font-family:'Amiri',serif;font-size:28px;color:#F7E2A6}
.v5hd-hero .bn{font-family:'Tiro Bangla',serif;font-size:20px}
.v5hd-hero .by{font-size:13px;color:#BFD3CD;margin-top:2px}
.v5hd-hero .chips{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.v5hd-hero .chips span{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}
.v5hd-hero .c1{background:rgba(232,201,138,.14);color:#F7E2A6}.v5hd-hero .c2{background:rgba(62,207,158,.14);color:#8FE6C8}.v5hd-hero .c3{background:rgba(255,255,255,.06);color:#DCE7E2;font-weight:400!important}
.v5hd .v4seg{margin-top:12px}
.v5hd-filter,.v5in{width:100%;box-sizing:border-box;min-height:46px;margin-top:10px;border-radius:14px;border:1px solid rgba(232,201,138,.2);background:#0B2528;color:#F3EEDF;font:inherit;padding:0 14px}
.v5in{margin-top:4px}.v5lab{display:grid;gap:2px;font-size:13px;color:#9DB8B1}
.v5hd-chs{margin-top:10px;border-radius:22px;background:#0B2528;border:1px solid rgba(232,201,138,.16);overflow:hidden}
.v5hd-chs button{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:#F3EEDF;font:inherit;text-align:start;cursor:pointer}
.v5hd-chs button:last-child{border-bottom:0}.v5hd-chs button:hover{background:rgba(232,201,138,.05)}
.v5hd-chs .no,.v5hd-sech .no{width:36px;height:36px;flex:none;border-radius:12px;background:rgba(232,201,138,.12);color:#F7E2A6;display:grid;place-items:center;font-family:'Tiro Bangla',serif;font-size:14px}
.v5hd-chs .tt{flex:1;min-width:0}.v5hd-chs b{display:block;font-weight:600;font-size:15px}.v5hd-chs small{display:block;font-size:12px;color:#9DB8B1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5hd-chs svg{color:#9DB8B1;flex:none}
.v5hd-sech{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:18px;background:rgba(232,201,138,.08);border:1px solid rgba(232,201,138,.25)}
.v5hd-sech b{display:block;font-size:16px;color:#F7E2A6}.v5hd-sech small{font-size:12px;color:#BFD3CD}
.v5hd-card{margin-top:12px;padding:16px;border-radius:24px;background:#0B2528;border:1px solid rgba(232,201,138,.16)}
.v5hd-card .hd{display:flex;align-items:center;gap:2px}
.v5hd-card .ref{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:10px;background:rgba(232,201,138,.12);color:#F7E2A6;font-size:12.5px;font-weight:600}
.v5hd-card .bm{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;color:#E8C98A;cursor:pointer}
.v5hd-card .lb{font-size:11.5px;color:#8FE6C8;font-weight:700;letter-spacing:.5px;margin-top:4px}
.v5hd-card .ar{font-family:'Amiri',serif;font-size:23px;line-height:2;color:#FFFDF6;text-align:right}
.v5hd-card .hr{height:1px;background:linear-gradient(90deg,transparent,rgba(232,201,138,.4),transparent);margin:8px 0}
.v5hd-card .tr{font-size:15.5px;line-height:1.7;margin-top:2px;white-space:pre-line}
.v5hd-card .ft{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;font-size:12px;color:#9DB8B1}
.v5hd-card .ft .ok{color:#8FE6C8;text-align:end}.v5hd-card .ft .weak{color:#F2B5A4;text-align:end}
.v5hd-load{display:grid;justify-items:center;gap:10px;padding:26px 10px;text-align:center;color:#9DB8B1}
.v5hd-load .sp{width:28px;height:28px;border-radius:50%;border:3px solid rgba(232,201,138,.2);border-top-color:#E8C98A;animation:v5spin 1s linear infinite}
@keyframes v5spin{to{transform:rotate(360deg)}}
.v5hd-more{margin-top:12px;width:100%;min-height:48px;border-radius:16px;border:1px dashed rgba(232,201,138,.5);background:transparent;color:#F7E2A6;font:inherit;font-weight:700;cursor:pointer}
.v5hd-nav{display:flex;justify-content:space-between;gap:8px;margin-top:12px}
.v5hd-nav button{min-height:44px;max-width:48%;padding:0 12px;border-radius:14px;border:1px solid rgba(232,201,138,.3);background:#0B2528;color:#F7E2A6;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5hd-src{font-size:12px;color:#9DB8B1;margin-top:14px;line-height:1.6}

/* ---------- full-bleed screens inside .wrap */
.v5bleed{margin-inline:-16px;position:relative}
body.v5-ig,body.v5-ig .wrap{background:#0A2427!important}
body.v5-yt{background:#071C1E!important}
body.v5-wa{background:#071C1E!important}
body.v5-ig #v4subhead,body.v5-yt #v4subhead,body.v5-wa #v4subhead{display:none!important}
body.v5-ig #v-comm,body.v5-yt #v-comm,body.v5-wa #v-comm{margin-top:-16px}

/* ---------- Videos (YouTube style) */
.v5yt{background:#071C1E;color:#F3EEDF;font-family:'Anek Bangla',sans-serif;padding-bottom:20px;min-height:70vh}
.v5yt button{font:inherit;color:inherit;cursor:pointer}
.v5yt-back{position:absolute;top:8px;inset-inline-start:6px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#F3EEDF;display:grid;place-items:center;cursor:pointer}
.v5bleed .v5yt-hd{padding-inline-start:50px}
.v5yt-hd{display:flex;align-items:center;gap:4px;padding:8px 8px 8px 14px}
.v5yt-hd .logo{display:inline-flex;align-items:center;gap:6px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:17px}
.v5yt-hd button{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;border-radius:50%}
.v5yt-hd button:hover{background:#12393B}
.v5yt-player{position:relative;width:100%;aspect-ratio:16/9;background:#000;display:grid;place-items:center;overflow:hidden}
.v5yt-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.v5yt-player img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.v5yt-player .big{position:relative;width:64px;height:64px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center}
.v5yt-player .note{position:absolute;left:12px;bottom:14px;font-size:12px;background:rgba(0,0,0,.55);padding:2px 8px;border-radius:6px}
.v5yt-now{padding:10px 14px 4px}.v5yt-now b{display:block;font-size:17px;line-height:1.35}.v5yt-now small{font-size:12.5px;color:#9FB8B0}
.v5yt-sec{margin:14px 12px 0;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.v5yt-sec b{font-size:16px}.v5yt-sec small{font-size:12px;color:#9FB8B0}
.v5yt-recs{display:flex;gap:10px;overflow-x:auto;padding:8px 12px 2px;scrollbar-width:none}
.v5yt-recs button{flex:none;width:200px;border:0;background:transparent;text-align:start;padding:0}
.v5yt-recs .th{display:block;width:200px;height:112px;border-radius:12px;overflow:hidden;position:relative;background:#12393B;border:1px solid transparent}
.v5yt-recs .hot .th{border-color:rgba(232,201,138,.6)}
.v5yt-recs img,.v5yt-list img{width:100%;height:100%;object-fit:cover;display:block}
.v5yt-recs .tag{position:absolute;left:6px;top:6px;font-size:11px;background:#8FE6C8;color:#1A1406;padding:1px 7px;border-radius:6px;font-weight:700}
.v5yt-recs .hot .tag{background:#E8C98A}
.v5yt-recs .tt{display:block;font-weight:600;font-size:14px;line-height:1.35;margin-top:6px}
.v5yt-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 12px 6px;scrollbar-width:none}
.v5yt-chips button{flex:none;min-height:36px;padding:0 14px;border-radius:10px;border:0;background:#12393B;color:#F3EEDF;font-weight:600;font-size:13.5px}
.v5yt-chips button[aria-selected="true"]{background:#F1F1F1;color:#0F0F0F}
.v5yt-list{display:grid;gap:14px;padding:6px 12px 0}
.v5yt-list>button{display:flex;gap:10px;border:0;background:transparent;text-align:start;padding:0}
.v5yt-list .th{width:168px;height:95px;border-radius:12px;overflow:hidden;position:relative;flex:none;background:#12393B}
.v5yt-list .dur{position:absolute;right:6px;bottom:6px;font-size:11.5px;background:rgba(0,0,0,.8);padding:1px 5px;border-radius:4px}
.v5yt-list .tt{flex:1;min-width:0}.v5yt-list b{display:block;font-weight:600;font-size:14.5px;line-height:1.35}.v5yt-list small{display:block;font-size:12px;color:#9FB8B0;margin-top:2px}
.v5yt-foot{text-align:center;font-size:12.5px;color:#9FB8B0;margin:16px 0 0}
.v5yt-pull{display:grid;place-items:center;color:#9FB8B0;overflow:hidden}
.v5yt-sr{display:grid;gap:8px;margin-top:10px}
.v5yt-sr button{display:flex;gap:10px;align-items:center;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer;padding:0}
.v5yt-sr img{width:110px;height:62px;object-fit:cover;border-radius:10px;flex:none}.v5yt-sr b{display:block;font-size:14px}.v5yt-sr small{color:#9DB8B1;font-size:12px}

/* ---------- Community shell (header + tabs follow the active screen) */
.v5c{color:#F3EEDF}
.v5c button{font:inherit;cursor:pointer}
.v5c-hd{display:flex;align-items:center;padding:12px 10px 4px 16px;background:#0A2427;color:#F3EEDF}
.v5c-hd .wm{font-family:'Marcellus',serif;font-size:25px}
.v5c .ib{width:44px;height:44px;border:0;background:transparent;color:inherit;display:grid;place-items:center;position:relative;border-radius:12px}
.v5c .ib .dot{position:absolute;top:6px;right:4px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#E3304B;color:#FFFFFF;font-size:11px;font-weight:700;display:grid;place-items:center}
.v5c-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid rgba(232,201,138,.16);background:#0A2427}
.v5c-tabs button{min-height:44px;border:0;background:transparent;font-weight:600;font-size:14px;color:#9FB8B0;border-bottom:2px solid transparent}
.v5c-tabs button[aria-current="page"]{color:#F3EEDF;font-weight:700;border-bottom-color:#111}
.v5c-body{background:#0A2427;min-height:60vh;padding-bottom:10px}
.v5c[data-th="wa"] .v5c-hd,.v5c[data-th="wa"] .v5c-tabs,.v5c[data-th="wa"] .v5c-body{background:#0B2A2D;color:#F3EEDF}
.v5c[data-th="wa"] .v5c-body{background:#071C1E}
.v5c[data-th="wa"] .v5c-tabs{border-bottom-color:rgba(232,201,138,.16)}.v5c[data-th="wa"] .v5c-tabs button{color:#9FB8B0}.v5c[data-th="wa"] .v5c-tabs button[aria-current="page"]{color:#5EE0B5;border-bottom-color:#00A884}
.v5c[data-th="yt"] .v5c-hd,.v5c[data-th="yt"] .v5c-tabs,.v5c[data-th="yt"] .v5c-body{background:#071C1E;color:#F3EEDF}
.v5c[data-th="yt"] .v5c-tabs{border-bottom-color:rgba(232,201,138,.16)}.v5c[data-th="yt"] .v5c-tabs button{color:#9FB8B0}.v5c[data-th="yt"] .v5c-tabs button[aria-current="page"]{color:#F3EEDF;border-bottom-color:#F1F1F1}

.v5c[data-th="adm"] .v5c-hd{display:none}.v5c[data-th="adm"] .v5c-body{background:transparent;color:#F3EEDF}
/* IG pieces */
.v5c-stories{display:flex;gap:12px;overflow-x:auto;padding:12px 12px 10px;scrollbar-width:none}
.v5c-stories>button{flex:none;width:70px;border:0;background:transparent;padding:0;text-align:center;color:#F3EEDF}
.v5ring{display:block;border-radius:50%;padding:2.5px;box-sizing:border-box;margin:0 auto}
.v5ring .v5av{width:100%!important;height:100%!important;border-radius:50%;border:3px solid #0A2427;box-sizing:border-box;object-fit:cover;display:grid;place-items:center;background:#0E3236;color:#FFFFFF;font-weight:700;font-size:20px;margin:0}
.v5p .v5ring .v5av{border-width:2px;font-size:13px}
.v5c-stories .n{display:block;font-size:11.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5c-card{margin:12px;padding:16px;border-radius:18px;border:1px solid rgba(232,201,138,.16);text-align:center;background:#0A2427;color:#F3EEDF}
.v5c-card .tt{font-weight:700;font-size:16px}.v5c-card .st{font-size:13.5px;color:#B9CEC7;margin-top:4px}
.v5c-card .wl{background:#0E3236;border-radius:12px;padding:10px 12px;text-align:start;font-size:14px}
.v5c-card .gw{display:grid;justify-items:center;margin-top:12px}.v5c-card .nt{font-size:12px;color:#9FB8B0;margin-top:10px}
.v5c-card .fm{display:grid;gap:8px;margin-top:12px}
.v5c-card .mut,.v5c .mut{color:#9FB8B0}
.v5c-blue{margin-top:12px;min-height:46px;width:100%;border-radius:12px;border:0;background:#C9A050;color:#FFFFFF!important;font-weight:700;font-size:15px}
.v5c-blue.wait,.v5c-blue:disabled{background:#737373}
.v5c-link{margin-top:10px;border:0;background:transparent;color:#00376B;font-size:13px;text-decoration:underline}
.v5c-in{width:100%;box-sizing:border-box;min-height:44px;border-radius:10px;border:1px solid rgba(232,201,138,.3);background:#0A2427;color:#F3EEDF;font:inherit;font-size:14.5px;padding:0 12px}
.v5c-feed{display:block}
.v5c-empty{text-align:center;color:#9FB8B0;margin:24px 0}
.v5c-flt{display:flex;justify-content:space-between;align-items:center;margin:0 12px 8px;padding:6px 6px 6px 12px;border-radius:12px;background:#0E3236;font-size:13px;font-weight:600}
.v5c-flt button{border:0;background:transparent;width:36px;height:36px}
.v5p{border-top:1px solid #F2F2F2;padding-top:8px;margin-bottom:8px;background:#0A2427;color:#F3EEDF}
.v5p .ph{display:flex;align-items:center;gap:10px;padding:0 4px 0 12px}
.v5p .who{flex:1;min-width:0;line-height:1.25}.v5p .who b{display:block;font-size:14px}.v5p .who small{font-size:12px;color:#9FB8B0}
.v5p .media{margin-top:8px;width:100%;background:#0E3236}
.v5p .media img{display:block;width:100%;max-height:560px;object-fit:cover}
.v5p .media.sq{aspect-ratio:13/10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 30px;box-sizing:border-box}
.v5p .media.sq svg{opacity:.8}.v5p .media.sq .h{font-size:24px;font-weight:700;margin-top:10px;line-height:1.35}.v5p .media.sq .s{font-size:14px;opacity:.85;margin-top:4px}
.v5p .acts{display:flex;align-items:center;padding:2px 4px}
.v5p .cap{padding:0 14px;font-size:14px;line-height:1.5}.v5p .cap .lk{display:block}.v5p .cap .tx{white-space:pre-wrap}
.v5c-more{border:0;background:transparent;color:#9FB8B0;padding:2px 0;font-size:14px}
.v5p-cm{padding:6px 14px 4px}.v5p-cm .cl{display:grid;gap:8px}.v5p-cm .c{display:flex;gap:8px;font-size:14px}.v5p-cm .c .cm-av{width:28px;height:28px;font-size:12px;flex:none}
.v5p-cm small{color:#9FB8B0;font-size:12px}.v5p-cm .snd{display:flex;gap:6px;margin-top:8px}
.v5c-post{border:0;background:transparent;color:#E8C98A;font-weight:700;padding:0 8px}
.v5c-menu{display:grid}
.v5c-menu button{min-height:48px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:inherit;font:inherit;font-size:15px;text-align:start;padding:0 6px;cursor:pointer}
.v5c-comp{display:grid;gap:10px}
.v5c-ta{width:100%;box-sizing:border-box;border-radius:14px;border:1px solid rgba(232,201,138,.25);background:#0B2528;color:#F3EEDF;font:inherit;font-size:15px;padding:10px 12px;resize:vertical}
.v5c-comp .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.v5c-pill{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(232,201,138,.4);background:rgba(232,201,138,.08);color:#F7E2A6;font:inherit;font-weight:600;cursor:pointer}
.v5c-sw{display:flex;gap:6px;flex-wrap:wrap}
.v5c-sw button{width:34px;height:34px;border-radius:50%;border:2px solid transparent;font-weight:700;font-size:12px;cursor:pointer}
.v5c-sw button[aria-checked="true"]{border-color:#E8C98A;box-shadow:0 0 0 2px #061719 inset}
.v5c-prev{position:relative}.v5c-prev img{width:100%;max-height:300px;object-fit:cover;border-radius:14px;display:block}
.v5c-prev .x{position:absolute;top:6px;right:6px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
.v5c-prev .sq{aspect-ratio:13/10;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}
.v5c-prev .sq .h{font-size:20px;font-weight:700}.v5c-prev .sq .s{font-size:13px;opacity:.85}
.v5c-comp .chk{display:flex;gap:8px;align-items:center;font-size:14px;color:#DCE7E2}
.v5c-comp .v5c-blue{margin-top:0}
.v5c-act{display:grid;gap:10px}.v5c-act .it{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}

/* ---------- Chat (WhatsApp dark) */
.v5wa-list{padding:8px 10px 14px;color:#F3EEDF}
.v5wa-list .wa-top{background:#0A2427;border-color:rgba(232,201,138,.16);color:#F3EEDF}
.v5wa-list .wa-top .q-sub{color:#9FB8B0}
.v5wa-list .xin{background:#0E3236;border:0;color:#F3EEDF;border-radius:22px;min-height:42px}
.v5wa-list .wa-list{background:#0A2427;border-color:rgba(232,201,138,.16)}
.v5wa-list .wa-item{border-top-color:rgba(232,201,138,.16);color:#F3EEDF}.v5wa-list .wa-item:hover{background:#0E3236}
.v5wa-list .wa-item .lm,.v5wa-list .wa-item .rt{color:#9FB8B0}.v5wa-list .wa-item.unread .lm{color:#F3EEDF}.v5wa-list .wa-item.unread .rt{color:#5EE0B5}
.v5wa-list .wa-dot{background:#2FA67F;color:#0B141A}
.v5wa-list .xnote,.v5wa-list .muted{color:#9FB8B0}
.v5wa-list .xbtn.acc{background:#2FA67F;color:#0B141A;border:0}
.wa-av{background:#1F5E57;color:#FFFFFF}
.wa-ov{background:#071C1E!important;color:#F3EEDF!important}
.wa-hd{background:#0B2A2D!important;color:#F3EEDF!important}
.wa-hd .who span{color:#9FB8B0;opacity:1}
.wa-body{background:#071C1E!important;background-image:none!important}
.wa-sys{background:#0B2A2D!important;color:#FFD279!important;border-radius:10px}
.wa-m{background:#0E3236!important;color:#F3EEDF;box-shadow:none!important;border-radius:4px 12px 12px 12px!important;font-size:15px}
.wa-m.me{background:#1F5E57!important;border-radius:12px 4px 12px 12px!important}
.wa-m .ft{color:#9FB8B0!important}.wa-m.me .ft{color:#9ED6C8!important}.wa-m .ft .tk.seen{color:#53BDEB!important}
.wa-m .au{color:#5EE0B5!important}
.wa-comp{background:#071C1E!important;border-top:0!important;padding:6px 8px calc(14px + env(safe-area-inset-bottom))!important}
.wa-comp textarea{background:#0E3236!important;border:0!important;color:#F3EEDF!important;border-radius:24px!important;min-height:48px!important;font-size:15px}
.wa-rb{background:transparent!important;color:#9FB8B0!important}
.wa-rb.go{background:#2FA67F!important;color:#0B141A!important;width:48px!important;height:48px!important}
.wa-menu{background:#12393B!important;border-color:rgba(232,201,138,.16)!important}.wa-menu button{color:#F3EEDF!important}.wa-menu button:hover{background:#0B2A2D!important}
.wa-prog{background:#0A2427!important;color:#9FB8B0!important}
.wa-call{background:#0E2A24!important}
.wa-cb.red{background:#E3304B!important}
.wa-ov .xin{background:#0E3236;border:0;color:#F3EEDF}
.wa-ov .wa-list{background:#0A2427;border-color:rgba(232,201,138,.16)}.wa-ov .wa-item{color:#F3EEDF;border-top-color:rgba(232,201,138,.16)}.wa-ov .wa-item .lm{color:#9FB8B0}

/* ---------- Admin dashboard */
.v5adm{padding:14px 16px 20px;color:#F3EEDF}
.v5adm .top{display:flex;align-items:center;gap:8px}
.v5adm .top .v5sq{background:#0E3236;border:0}
.v5adm h1{margin:0;font-family:'Tiro Bangla',serif;font-weight:400;font-size:20px;color:#F4DFA6}
.v5adm .top small{font-size:12px;color:#A9C3BC}
.v5adm .badge{width:40px;height:40px;border-radius:12px;background:#E2C27A;color:#1A1406;display:grid;place-items:center}
.v5adm .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.v5adm .stats>div{padding:12px;border-radius:18px;background:#0E3236;border:1px solid transparent}
.v5adm .stats b{display:block;font-size:26px;font-weight:700}.v5adm .stats span{font-size:12.5px;color:#A9C3BC}
.v5adm .box{margin-top:12px;padding:14px;border-radius:22px;background:#0E3236}
.v5adm .bh{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.v5adm .bh h2{margin:0;font-family:'Tiro Bangla',serif;font-weight:400;font-size:15px}.v5adm .bh small{font-size:12px;color:#9FE3CF}
.v5adm .bars{display:flex;align-items:flex-end;gap:8px;height:100px;margin-top:10px}
.v5adm .bars>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:flex-end;height:100%}
.v5adm .bars i{display:block;width:100%;border-radius:8px 8px 3px 3px}.v5adm .bars span{font-size:11px;color:#A9C3BC}
.v5adm .sh{margin:16px 4px 8px;font-family:'Tiro Bangla',serif;font-weight:400;font-size:16px}
.v5adm .none{padding:14px;border-radius:18px;background:#0E3236;color:#A9C3BC;font-size:14px;text-align:center}
.v5adm .req{padding:12px;border-radius:18px;background:#0E3236;border:1px solid rgba(232,160,140,.3);margin-bottom:8px}
.v5adm .r1{display:flex;gap:10px;align-items:center}.v5adm .r1 b{display:block}.v5adm .r1 small{display:block;font-size:12px;color:#A9C3BC}
.v5adm .cm-av{width:42px;height:42px;border-radius:50%;flex:none;object-fit:cover;background:#1F5E57;color:#fff;display:grid;place-items:center;font-weight:700}
.v5adm .intro{font-size:13.5px;color:#CFE0DA;margin-top:6px}
.v5adm .r2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.v5adm .ok{min-height:44px;border-radius:12px;border:0;background:#3FB59B;color:#071E21;font-weight:700}
.v5adm .no{min-height:44px;padding:0 12px;border-radius:12px;border:1px solid rgba(232,160,140,.6);background:transparent;color:#F2B5A4;font-weight:700}
.v5adm .blk{margin-top:6px;border:0;background:transparent;color:#A9C3BC;font-size:12.5px;text-decoration:underline;min-height:32px}
.v5adm .mem{border-radius:20px;background:#0E3236;overflow:hidden}
.v5adm .m{display:flex;align-items:center;gap:10px;min-height:62px;padding:6px 6px 6px 12px;border-bottom:1px solid rgba(255,255,255,.05)}
.v5adm .m .av{position:relative;flex:none}.v5adm .m .av .cm-av{width:40px;height:40px}
.v5adm .m .av i{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid #0E3236}
.v5adm .m b{display:block;font-weight:600;font-size:14.5px}.v5adm .m small{display:block;font-size:12px;color:#A9C3BC}
.v5adm .m .tag{font-size:11.5px;font-weight:600}
.v5adm .dots{width:40px;height:40px;border:0;background:transparent;color:#A9C3BC;display:grid;place-items:center}
.v5adm .acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.v5adm .ann{min-height:52px;border-radius:16px;border:1px solid rgba(226,194,122,.45);background:transparent;color:#F4DFA6;font-weight:700}
.v5adm .lock{min-height:52px;border-radius:16px;border:0;background:#103538;color:#CFE0DA;font-weight:700}.v5adm .lock.on{background:#E8836B;color:#1A1406}
.v5adm .blkd{margin-top:14px;padding:10px 14px;border-radius:18px;background:#0B2528;border:1px solid rgba(232,201,138,.14)}
.v5adm .blkd summary{cursor:pointer;min-height:36px;display:flex;align-items:center;color:#DCE7E2}
.v5adm .v5c-ta.dk{margin-top:4px}

/* ---------- Finance tweaks to match the design */
.v5fbtn{min-height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(232,201,138,.45);background:rgba(232,201,138,.08);color:#F7E2A6;font:inherit;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}
.v5fpill{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(226,194,122,.45);background:transparent;color:#F4DFA6;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
body.v5-yt #v-videos{margin-top:-16px}

/* ---------- v5.1: next prayer on Today */
.v5np{display:block;width:100%;margin:12px 0 0;padding:14px 14px 12px;border-radius:24px;border:1px solid rgba(232,201,138,.35);background:linear-gradient(160deg,#103A37,#0A2427);color:#F3EEDF;font:inherit;text-align:center;cursor:pointer}
.v5np .np-top small{display:block;font-size:12.5px;color:#BFD3CD}
.v5np .np-top b{display:block;font-family:'Tiro Bangla',serif;font-weight:400;font-size:26px;color:#F7E2A6;line-height:1.35}
.v5np .np-top .left{display:inline-block;margin-top:2px;font-size:13px;padding:2px 10px;border-radius:999px;background:rgba(62,207,158,.14);color:#8FE6C8}
.v5np .np-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px}
.v5np .np-p{display:grid;gap:1px;padding:8px 2px;border-radius:14px;background:rgba(0,0,0,.18);border:1px solid transparent}
.v5np .np-p small{font-size:11.5px;color:#BFD3CD}.v5np .np-p b{font-size:14px;font-weight:700}.v5np .np-p i{font-style:normal;font-size:10px;color:#9DB8B1}
.v5np .np-p.nx{border-color:#E8C98A;background:rgba(232,201,138,.14)}.v5np .np-p.nx b{color:#F7E2A6}
.v5np .np-p.cur{background:rgba(62,207,158,.12)}
/* ---------- media corner buttons + fresh badge */
.v5yt-hd .v5yt-cn{position:relative}
.v5yt-hd .v5yt-cn .dot{position:absolute;top:5px;right:3px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#E3242B;color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center}
.v5yt-list .nw{display:inline-block;margin-top:3px;font-style:normal;font-size:11px;font-weight:700;padding:1px 7px;border-radius:6px;background:#E3242B;color:#fff}
/* ---------- finance category chips */
.v5chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:-4px}
.v5chips button{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(232,201,138,.25);background:#0B2528;color:#DCE7E2;font:inherit;font-size:13px;cursor:pointer}
.v5chips button[aria-pressed="true"]{border-color:#E8C98A;background:rgba(232,201,138,.16);color:#F7E2A6}
/* ---------- in-app book reader */
.v5rd{position:fixed;inset:0;z-index:320;display:flex;flex-direction:column;background:#061719;color:#F3EEDF}
.v5rd .hd{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 12px 8px}
.v5rd .hd b{display:block;font-family:'Tiro Bangla',serif;font-weight:400;font-size:19px;color:#F7E2A6}.v5rd .hd small{font-size:12px;color:#9DB8B1}
.v5rd .ch{display:flex;gap:6px;overflow-x:auto;padding:0 12px 10px;scrollbar-width:none}
.v5rd .ch button{flex:none;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(232,201,138,.25);background:#0B2528;color:#DCE7E2;font:inherit;font-size:13px;cursor:pointer}
.v5rd .ch button[aria-pressed="true"]{border-color:#E8C98A;background:rgba(232,201,138,.16);color:#F7E2A6}
.v5rd .ch .more{border-style:dashed;color:#F7E2A6}
.v5rd .fr{flex:1;position:relative;background:#0B2528;overflow:auto}
.v5rd iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.v5rd .ld{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;color:#9DB8B1}
.v5rd .ld .sp{width:28px;height:28px;border-radius:50%;border:3px solid rgba(232,201,138,.2);border-top-color:#E8C98A;animation:v5spin 1s linear infinite}
.v5rd .ml{display:grid;gap:6px;padding:12px}
.v5rd .ml button{display:flex;gap:10px;align-items:center;min-height:56px;padding:8px 12px;border-radius:16px;border:1px solid rgba(232,201,138,.16);background:#0E3236;color:inherit;font:inherit;text-align:start;cursor:pointer}
.v5rd .ml b{display:block;font-size:14px}.v5rd .ml small{color:#9DB8B1;font-size:12px}
/* settings + backup screens */
body.v4x #v-settings .backup,body.v4x #v-backup .backup{display:block!important;margin-top:8px;border-top:0}
.v4x .v5np{display:none!important}
.v5share{display:grid;gap:10px}
.v5share .pv{display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;background:rgba(232,201,138,.08);border:1px solid rgba(232,201,138,.3)}
.v5share .pv img{width:52px;height:52px;border-radius:14px}.v5share .pv b{display:block;font-family:'Marcellus',serif;font-size:20px;color:#F7E2A6}.v5share .pv small{color:#BFD3CD}
.v5shareitem{border-color:rgba(232,201,138,.45)!important;background:linear-gradient(135deg,rgba(247,226,166,.12),rgba(255,255,255,.03))!important}
/* v6 · floating "live" dock above the Mufti button (Pomodoro · Posts/Messages · Zakat) */
#v6dock{position:fixed;inset-inline-end:25px;bottom:calc(96px + 66px + 16px + env(safe-area-inset-bottom,0px));z-index:71;display:flex;flex-direction:column-reverse;gap:14px;align-items:center;pointer-events:none}
@media (min-width:760px){#v6dock{inset-inline-end:calc(50% - 360px + 25px)}}
body.v4m #v6dock{display:none}
.v6fab{pointer-events:auto;position:relative;width:48px;height:48px;border-radius:50%;padding:2.5px;border:0;cursor:pointer;background:conic-gradient(from 200deg,#F7E2A6,#B88A3E,#F7E2A6,#C9A050,#F7E2A6);box-shadow:0 10px 22px rgba(0,0,0,.45),0 0 18px rgba(232,201,138,.35);animation:v6float 3.4s ease-in-out infinite;-webkit-tap-highlight-color:transparent}
.v6fab .in{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 34% 28%,#22685C 0%,#0E3A3B 45%,#071C1E 100%);color:#F7E2A6;box-shadow:inset 0 2px 4px rgba(255,255,255,.12),inset 0 -3px 6px rgba(0,0,0,.45)}
.v6fab .in svg{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.v6fab::before,.v6fab::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(232,201,138,.6);opacity:0;animation:v6ring 2.6s ease-out infinite;pointer-events:none}
.v6fab::after{animation-delay:1.3s}
.v6fab .live{position:absolute;top:0;inset-inline-end:0;width:12px;height:12px;border-radius:50%;background:#3ECF9E;border:2px solid #061719;box-shadow:0 0 0 0 rgba(62,207,158,.7);animation:v6live 1.8s ease-out infinite}
.v6fab .dot{position:absolute;top:-4px;inset-inline-start:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#E8836B;color:#fff;font:700 .62rem/18px var(--fb,sans-serif);border:2px solid #061719}
.v6fab .tm{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);padding:1px 6px;border-radius:99px;background:#F7E2A6;color:#1A1406;font:700 .62rem/14px var(--fb,sans-serif);white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.v6fab.on .in{background:radial-gradient(circle at 34% 28%,#2E8C6E,#0F4A3E 50%,#072019)}
.v6fab .lb{position:absolute;top:50%;inset-inline-end:calc(100% + 10px);transform:translateY(-50%) translateX(6px);white-space:nowrap;padding:6px 11px;border-radius:99px;background:rgba(6,23,25,.92);border:1px solid rgba(232,201,138,.45);color:#F7E2A6;font:600 .74rem/1.2 var(--fb,sans-serif);opacity:0;pointer-events:none;box-shadow:0 6px 16px rgba(0,0,0,.4)}
[dir="rtl"] .v6fab .lb{transform:translateY(-50%) translateX(-6px)}
#v6dock.hello .v6fab .lb{animation:v6hello 3s .5s ease both}
.v6fab:hover .lb,.v6fab:focus-visible .lb{opacity:1;transform:translateY(-50%)}
.v6fab:active{transform:scale(.92)}
@keyframes v6float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes v6ring{0%{transform:scale(1);opacity:.75}100%{transform:scale(1.55);opacity:0}}
@keyframes v6live{0%{box-shadow:0 0 0 0 rgba(62,207,158,.75)}70%{box-shadow:0 0 0 7px rgba(62,207,158,0)}100%{box-shadow:0 0 0 0 rgba(62,207,158,0)}}
@keyframes v6hello{0%{opacity:0}12%,80%{opacity:1;transform:translateY(-50%)}100%{opacity:0}}
body.v5-ig .v6fab .live,body.v5-ig .v6fab .dot{border-color:#0A2427}
@media (prefers-reduced-motion:reduce){.v6fab,.v6fab::before,.v6fab::after,.v6fab .live{animation:none}}
.v4bubble.ai:has(p,ul,ol){white-space:normal}.v4bubble.ai p:last-child{margin-bottom:0}
/* v8 · breathing room between Today blocks */
.v5np{margin-bottom:14px!important}
#v-today .card.overview{margin-bottom:14px}
#v-today #groups{margin-top:0}
/* v9 · smoothness: only compositor-friendly (transform/opacity) animations, no live blur */
#v4nav .bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(8,31,34,.97)!important}
.tabs{backdrop-filter:none!important;background:var(--surface)!important}
@keyframes v4live{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes v6live{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes glow{0%,100%{opacity:1}50%{opacity:.86}}
.v6fab{will-change:translate}
.v6fab::before,.v6fab::after{will-change:transform,opacity}
#v4mufti::before,#v4mufti::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(232,201,138,.55);opacity:0;animation:v6ring 2.8s ease-out infinite;pointer-events:none;will-change:transform,opacity}
#v4mufti::after{animation-delay:1.4s}
@media (prefers-reduced-motion:reduce){#v4mufti::before,#v4mufti::after{animation:none}}
/* v9 · "live" pulses run for a few seconds whenever a screen opens, then rest — no endless redraws, so scrolling stays smooth */
.v6fab{animation:none!important}
.v6fab::before,.v6fab::after,#v4mufti::before,#v4mufti::after{animation:none!important}
body.v9p .v6fab::before,body.v9p #v4mufti::before{animation:v6ring 2.6s ease-out 0s 3!important}
body.v9p .v6fab::after,body.v9p #v4mufti::after{animation:v6ring 2.6s ease-out 1.3s 3!important}
.v4live,#sync i,.v6fab .live,html.g-wait #sync i{animation-iteration-count:4!important}
.ad.hot,.ad2.hot{animation-iteration-count:3!important}
@media (prefers-reduced-motion:reduce){body.v9p .v6fab::before,body.v9p .v6fab::after,body.v9p #v4mufti::before,body.v9p #v4mufti::after{animation:none!important}}
.hero .v4em .estar{animation-iteration-count:3!important}
/* v9 · first-run setup */
#v9wiz{position:fixed;inset:0;z-index:250;background:radial-gradient(110% 70% at 50% 0%,#17473F 0%,#0A2427 55%,#040F11 100%);overflow-y:auto;display:flex;justify-content:center;padding:calc(18px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));color:#FBF3DE;font-family:var(--fb,"Anek Bangla",sans-serif)}
#v9wiz .wz{width:100%;max-width:460px;display:flex;flex-direction:column;gap:14px;animation:v9in .45s ease both}
@keyframes v9in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#v9wiz .top{display:flex;align-items:center;gap:12px;margin-bottom:6px}
#v9wiz .top img{width:44px;height:44px;border-radius:13px;box-shadow:0 0 0 1px rgba(232,201,138,.6)}
#v9wiz .dots{flex:1;display:flex;gap:6px;justify-content:center}#v9wiz .dots i{width:26px;height:5px;border-radius:5px;background:rgba(255,255,255,.15)}#v9wiz .dots i.on{background:linear-gradient(90deg,#F7E2A6,#C9A050)}#v9wiz .dots i.done{background:#3ECF9E}
#v9wiz .skip,#v9wiz .link,#v9wiz .back{border:0;background:none;color:#BFD3CC;font:inherit;font-size:.86rem;cursor:pointer;padding:8px}
#v9wiz .back{align-self:flex-start}#v9wiz .link{align-self:center}
#v9wiz h1{font-family:"Tiro Bangla","Marcellus",serif;font-weight:400;font-size:1.9rem;margin:6px 0 0;color:#F7E2A6;line-height:1.25}
#v9wiz .sub{margin:-4px 0 6px;color:#C9DAD4;line-height:1.6}
#v9wiz .fl{display:grid;gap:6px;font-size:.86rem;color:#CFE0DA}
#v9wiz input{font:inherit;font-size:1.05rem;color:#FBF3DE;background:rgba(255,255,255,.06);border:1px solid rgba(232,201,138,.35);border-radius:16px;padding:14px 16px;width:100%;box-sizing:border-box;min-width:0}
#v9wiz input:focus{outline:none;border-color:#F7E2A6;box-shadow:0 0 0 3px rgba(247,226,166,.18)}
#v9wiz .more summary{cursor:pointer;color:#E8C98A;font-size:.9rem;padding:4px 0}#v9wiz .more[open]{display:grid;gap:10px}
#v9wiz .go{margin-top:6px;border:0;border-radius:18px;padding:16px;font:inherit;font-weight:700;font-size:1.05rem;color:#1A1406;background:linear-gradient(135deg,#F7E2A6,#C9A050);box-shadow:0 10px 24px rgba(0,0,0,.35);cursor:pointer}
#v9wiz .go:disabled{opacity:.45;cursor:default}
#v9wiz .gps{border:1px solid rgba(62,207,158,.6);background:rgba(62,207,158,.12);color:#DFF7EE;border-radius:18px;padding:15px;font:inherit;font-weight:700;font-size:1rem;cursor:pointer}
#v9wiz .ghost{border:1px solid rgba(232,201,138,.45);background:rgba(232,201,138,.08);color:#F7E2A6;border-radius:16px;padding:12px;font:inherit;font-weight:600;cursor:pointer}
#v9wiz .or{text-align:center;color:#8FAAA2;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}
#v9wiz .row2{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}
#v9wiz .msg{margin:0;font-size:.86rem;color:#E8C98A;min-height:1.2em}#v9wiz .msg.ok{color:#5EE0B5}
#v9wiz .times{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}#v9wiz .times:empty{display:none}
#v9wiz .times div{text-align:center;padding:10px 2px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(232,201,138,.22)}#v9wiz .times small{display:block;font-size:.7rem;color:#BFD3CC}#v9wiz .times b{font-size:.98rem;color:#F7E2A6}
#v9wiz .opts{display:grid;gap:8px}
#v9wiz .opts button{display:flex;align-items:center;gap:12px;text-align:start;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#E9F1EE;font:inherit;cursor:pointer}
#v9wiz .opts .e{font-size:1.3rem}#v9wiz .opts .tx{flex:1}#v9wiz .opts .ck{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.25);display:grid;place-items:center;color:transparent;font-size:.8rem}
#v9wiz .opts button[aria-pressed="true"]{border-color:rgba(62,207,158,.6);background:rgba(62,207,158,.1)}#v9wiz .opts button[aria-pressed="true"] .ck{background:#3ECF9E;border-color:#3ECF9E;color:#05301a}

/* ===== v11 · Qibla · Masjid & Surau · Hifz · Family ===== */
.v9q{display:grid;justify-items:center;gap:10px;margin-top:14px}
.v9q .dialwrap{position:relative;width:min(300px,82vw);aspect-ratio:1;border-radius:50%;padding:6px;background:radial-gradient(circle,rgba(232,201,138,.10),transparent 70%);transition:box-shadow .35s}
.v9q .dial{width:100%;height:100%;display:block;filter:drop-shadow(0 18px 34px rgba(0,0,0,.45))}
.v9q .dial g{transition:transform .18s linear}
.v9q .pointer{position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:18px solid #F7E2A6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.v9q .dialwrap.ok{box-shadow:0 0 0 3px rgba(62,207,158,.7),0 0 46px rgba(62,207,158,.45)}
.v9q .dialwrap.ok .pointer{border-top-color:#3ECF9E}
.v9qs{min-height:24px;font-weight:600;color:var(--gold-2);text-align:center}
.v9qload{display:flex;align-items:center;gap:10px;padding:40px 0;color:var(--muted)}
.v9qload .sp{width:22px;height:22px;border-radius:50%;border:3px solid rgba(232,201,138,.25);border-top-color:var(--gold);animation:v9spin .8s linear infinite}
@keyframes v9spin{to{transform:rotate(360deg)}}
.v9qgrid,.v9stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.v9qgrid>div,.v9stats>div{padding:12px 8px;border-radius:18px;background:#0E3236;border:1px solid rgba(232,201,138,.18);text-align:center;min-width:0}
.v9qgrid small,.v9stats small{display:block;font-size:.7rem;color:var(--muted);line-height:1.3}
.v9qgrid b{display:block;margin-top:4px;color:#FBF3DE;font-size:.95rem}
.v9stats b{display:block;font-family:var(--fh);font-weight:400;font-size:1.55rem;color:var(--gold-2)}
.v9ul{margin:8px 0 0;padding-inline-start:18px;display:grid;gap:6px;color:#CFE0DA;font-size:.86rem;line-height:1.5}
.v9map{margin-top:12px;border-radius:22px;overflow:hidden;border:1px solid rgba(232,201,138,.25);background:#0E3236;height:210px}
.v9map:empty{display:none}
.v9map iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.85)}
.v9bar,.v9chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.v9bar button,.v9chips button{min-height:36px;padding:0 13px;border-radius:99px;border:1px solid rgba(232,201,138,.28);background:#0E3236;color:#CFE0DA;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}
.v9bar button[aria-pressed="true"]{background:linear-gradient(135deg,#F7E2A6,#C9A050);color:#1A1406;border-color:transparent}
.v9chips button:active,.v9bar button:active{transform:scale(.96)}
.v9bar .sep{width:1px;align-self:stretch;margin:4px 2px;background:rgba(232,201,138,.25)}
.v9mw{border-radius:20px;background:#0E3236;border:1px solid rgba(232,201,138,.12);overflow:hidden}
.v9mw .v4li{background:transparent;border-radius:0}
.v9mi{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center}
.v9mi.masjid{background:rgba(62,207,158,.14);color:#3ECF9E}
.v9mi.surau{background:rgba(232,201,138,.14);color:var(--gold-2)}
.v9arr{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:rgba(232,201,138,.1);color:var(--gold)}
.v9acts{display:flex;gap:6px;padding:0 10px 10px;flex-wrap:wrap}
.v9a{flex:1 1 0;min-width:0;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;border-radius:12px;border:1px solid rgba(232,201,138,.2);background:rgba(255,255,255,.03);color:#CFE0DA;font:inherit;font-size:.76rem;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}
.v9a.on{color:#1A1406;background:linear-gradient(135deg,#F7E2A6,#C9A050);border-color:transparent}
.v9hero{display:flex;align-items:center;gap:16px}
.v9big{font-family:var(--fh);font-size:1.6rem;color:#FBF3DE;line-height:1.2;margin:2px 0}
.v9mini{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:.8rem;color:#CFE0DA}
.v9goal,.v9bud{position:relative;margin-top:12px;padding:14px 16px;border-radius:20px;background:#0E3236;border:1px solid rgba(232,201,138,.18)}
.v9bud{margin-top:0;padding-inline-end:44px}
.v9goal .tx,.v9bud .tx{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:.88rem}
.v9goal .tx span,.v9bud .tx span{color:var(--muted);font-size:.8rem;white-space:nowrap}
.v9goal .tr,.v9bud .tr{height:9px;border-radius:99px;background:rgba(255,255,255,.07);margin-top:9px;overflow:hidden}
.v9goal .fl,.v9bud .fl{height:100%;border-radius:inherit;background:linear-gradient(90deg,#3ECF9E,#9BE7C7);transition:width .4s}
.v9bud .fl.warn{background:linear-gradient(90deg,#E8C98A,#F7E2A6)}
.v9bud .fl.over{background:linear-gradient(90deg,#E8836B,#F2A08C)}
.v9link{margin-top:8px;padding:0;border:0;background:none;color:var(--gold);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.v9n{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:grid;place-items:center;background:rgba(232,201,138,.1);color:var(--gold-2);font-weight:700;font-size:.82rem}
.v9n.done{background:rgba(62,207,158,.18);color:#3ECF9E}
.v9ok,.v9no{width:40px;height:40px;flex:0 0 40px;border-radius:12px;border:0;font-size:1.05rem;font-weight:700;cursor:pointer}
.v9ok{background:rgba(62,207,158,.18);color:#3ECF9E}.v9no{background:rgba(232,131,107,.15);color:#E8836B}
.v9juz{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:12px}
.v9juz>div{aspect-ratio:1;border-radius:12px;display:grid;place-content:center;text-align:center;border:1px solid rgba(232,201,138,.18);background:linear-gradient(0deg,rgba(62,207,158,.55) var(--p),#0E3236 var(--p))}
.v9juz b{font-size:.9rem;color:#FBF3DE}.v9juz small{font-size:.6rem;color:#CFE0DA}
.v9s{width:100%;text-align:start;color:inherit;font:inherit;cursor:pointer}
.v9s .ar{font-family:"Amiri","Scheherazade New",serif;font-size:1.05rem;color:var(--gold-2);white-space:nowrap;direction:rtl}
.v9pb{display:block;height:4px;border-radius:99px;background:rgba(255,255,255,.07);margin-top:6px;overflow:hidden}
.v9pb i{display:block;height:100%;background:linear-gradient(90deg,#3ECF9E,#9BE7C7);border-radius:inherit}
.v9hval{font-family:var(--fh);font-size:1.7rem;text-align:center;color:var(--gold-2)}
.v9range{width:100%;accent-color:#C9A050;height:28px}
.v9fw{text-align:center;display:grid;justify-items:center;gap:6px}
.v9fi{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:rgba(232,201,138,.14);color:var(--gold-2)}
.v9fi.sm{width:46px;height:46px;flex:0 0 46px;border-radius:15px}
.v9mem{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.v9mem span{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;border-radius:99px;background:#0E3236;border:1px solid rgba(232,201,138,.18);font-size:.8rem}
.v9mem i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:.75rem;background:rgba(62,207,158,.18);color:#3ECF9E}
.v9mem .own i{background:linear-gradient(135deg,#F7E2A6,#C9A050);color:#1A1406}
.v9x{position:absolute;inset-inline-end:10px;top:10px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.06);color:var(--muted);cursor:pointer;font-size:.8rem}
.v4li .v9x{position:static;flex:0 0 28px}
.v9g{margin-top:0}
.v9code{margin-top:8px;font-family:ui-monospace,Menlo,monospace;font-size:1.5rem;letter-spacing:.22em;color:var(--gold-2);text-align:center;padding:12px;border-radius:16px;background:#0E3236;border:1px dashed rgba(232,201,138,.45);user-select:all}
.v9famcard{display:flex;align-items:center;gap:12px;width:100%;color:var(--ink);font:inherit;cursor:pointer}
.v9famcard b{display:block;font-family:var(--fh);font-weight:400;font-size:1.05rem;color:#FBF3DE}
.v9famcard small{display:block;font-size:.76rem;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.v9q .dial g,.v9goal .fl,.v9bud .fl{transition:none}}

/* ===== v12 · Mazlum Corner ===== */
.mz-live{position:relative;display:inline-grid;place-items:center;flex:none;border-radius:50%}
.mz-live svg{display:block;border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.mz-live::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #E4312B;animation:mzPulse 1.8s ease-out 6}
.mz-live i{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);padding:1px 6px;border-radius:6px;background:#E4312B;color:#fff;font-style:normal;font-weight:800;font-size:9.5px;letter-spacing:.06em;box-shadow:0 2px 6px rgba(0,0,0,.4)}
@keyframes mzPulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.25);opacity:0}}
.mz-entry{display:flex;align-items:center;gap:16px;width:100%;color:var(--ink);font:inherit;cursor:pointer;text-align:start;border-color:rgba(228,49,43,.45)!important;background:linear-gradient(135deg,#2B1414,#0F2A2B)!important;padding:18px 16px}
.mz-entry b{display:block;font-family:var(--fh);font-weight:400;font-size:1.15rem;color:#FBF3DE}
.mz-entry small{display:block;font-size:.74rem;color:var(--muted);margin-top:3px;line-height:1.45}
.mz{padding-bottom:8px}
.mz-embed{padding:4px 12px 0}
.mz-hero{display:flex;align-items:center;gap:14px;padding:16px;margin-top:12px;border-radius:22px;background:linear-gradient(135deg,#2B1414,#0E2E2F);border:1px solid rgba(228,49,43,.35)}
.mz-hero b{display:block;font-family:var(--fh);font-weight:400;font-size:1.25rem;color:#FBF3DE}
.mz-hero small{display:block;font-size:.76rem;color:#CFE0DA;line-height:1.4}
.mz-hero small.up{color:#F2A08C;margin-top:3px;font-weight:600}
.mz-hero .rf{width:42px;height:42px;flex:none;border-radius:50%;border:1px solid rgba(232,201,138,.3);background:rgba(255,255,255,.06);color:var(--gold-2);display:grid;place-items:center;cursor:pointer}
.mz-hero .rf.spin svg{animation:v9spin .8s linear infinite}
.mz-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0 10px;scrollbar-width:none}
.mz-chips button{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 13px;border-radius:99px;border:1px solid rgba(232,201,138,.22);background:#0E3236;color:#F3EEDF;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}
.mz-chips button[aria-selected="true"]{background:linear-gradient(135deg,#F7E2A6,#C9A050);color:#1A1406;border-color:transparent}
.mz-chips i{font-style:normal;font-size:.68rem;padding:1px 6px;border-radius:99px;background:rgba(0,0,0,.25)}
.mz-prof{margin-bottom:12px;padding:16px;border-radius:22px;background:linear-gradient(160deg,#0F3134,#0A2326);border:1px solid var(--c);box-shadow:inset 4px 0 0 var(--c)}
.mz-prof .hd{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.mz-prof .hd .fl{font-size:2rem;line-height:1}.mz-prof .hd b{font-family:var(--fh);font-weight:400;font-size:1.3rem;color:#FBF3DE}
.mz-prof p{font-size:.84rem;line-height:1.6;color:#CFE0DA;margin:10px 0 12px}
.mz-list{display:grid;gap:14px;margin-top:12px}
.mz-it{border-radius:20px;overflow:hidden;background:#0E3236;border:1px solid rgba(232,201,138,.14)}
.mz-th{position:relative;aspect-ratio:16/9;background:#081B1D;overflow:hidden;cursor:pointer}
.mz-th img{width:100%;height:100%;object-fit:cover;display:block}
.mz-th iframe{width:100%;height:100%;border:0;display:block}
.mz-th .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#fff}
.mz-th.art{display:grid;place-items:center;cursor:default;aspect-ratio:21/9;background:radial-gradient(120% 120% at 20% 0%,color-mix(in srgb,var(--c) 55%,#0A2326),#0A2326 70%)}
.mz-th.art .fl{font-size:3rem;line-height:1}.mz-th.art .sr{position:absolute;right:12px;bottom:10px;font-size:.72rem;font-weight:700;color:rgba(255,255,255,.85);background:rgba(0,0,0,.35);padding:2px 8px;border-radius:6px}
.mz-th .kd{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:8px;font-size:.7rem;font-weight:800;color:#fff;background:#E4312B}
.mz-th .kd.article{background:#1C5D8F}.mz-th .kd.lecture{background:#8A6A1E}
.mz-th.on .kd,.mz-th.on .pl{display:none}
.mz-b{padding:12px 14px 14px}
.mz-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mz-meta .rg{padding:2px 9px;border-radius:99px;font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--c) 30%,transparent);color:#FBF3DE;border:1px solid color-mix(in srgb,var(--c) 70%,transparent)}
.mz-meta small{font-size:.72rem;color:var(--muted)}
.mz-b .tt{display:block;margin:8px 0 10px;font-weight:700;font-size:1rem;line-height:1.45;color:#FBF3DE;text-decoration:none}
.mz-facts{margin:0;display:grid;gap:5px;padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.18)}
.mz-facts dd{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mz-facts.open dd{white-space:normal}
.mz-facts>div{display:grid;grid-template-columns:92px 1fr;gap:8px;font-size:.8rem;line-height:1.45}
.mz-facts dt{font-weight:700;color:var(--gold-2)}.mz-facts dd{margin:0;color:#CFE0DA}
.mz-acts{display:flex;gap:6px;margin-top:10px}
.mz-acts button{min-height:36px;padding:0 12px;border-radius:12px;border:1px solid rgba(232,201,138,.25);background:rgba(255,255,255,.04);color:#CFE0DA;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}
.mz-acts button.gold{flex:1;background:linear-gradient(135deg,#F7E2A6,#C9A050);color:#1A1406;border:0}
.mz-todo ol{margin:0;padding-inline-start:20px;display:grid;gap:8px;font-size:.88rem;line-height:1.5;color:#CFE0DA}
.mz-todo h3{font-size:.95rem;margin:16px 0 8px;color:var(--gold-2)}
.mz-links{display:flex;gap:8px;flex-wrap:wrap}
.mz-links a{padding:7px 12px;border-radius:12px;background:#0E3236;border:1px solid rgba(232,201,138,.25);color:#F3EEDF;text-decoration:none;font-size:.82rem;font-weight:600}
.mz-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px 0;color:var(--muted);text-align:center}
.mz-empty .sp{width:20px;height:20px;border-radius:50%;border:3px solid rgba(232,201,138,.25);border-top-color:var(--gold);animation:v9spin .8s linear infinite}
.mz-foot{font-size:.72rem;color:var(--muted);text-align:center;margin:14px 6px 0;line-height:1.5}
.v5yt-chips .mz-chip{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#5A1717,#2B1414)!important;color:#FBF3DE!important;border:1px solid rgba(228,49,43,.6)!important;padding:0 12px 0 8px}
.v5yt-chips .mz-chip svg{border-radius:50%}
.v5yt-chips .mz-chip[aria-selected="true"]{background:linear-gradient(135deg,#E4312B,#9B1C17)!important}
.v5yt-chips .mz-chip .lv{width:7px;height:7px;border-radius:50%;background:#FF5A52;box-shadow:0 0 0 0 rgba(255,90,82,.7);animation:mzDot 1.6s 8}
@keyframes mzDot{0%{box-shadow:0 0 0 0 rgba(255,90,82,.7)}70%{box-shadow:0 0 0 7px rgba(255,90,82,0)}100%{box-shadow:0 0 0 0 rgba(255,90,82,0)}}
/* finance: breathing room under the family card */
#v-finance .v9famcard{margin-bottom:14px}
@media (prefers-reduced-motion:reduce){.mz-live::before,.v5yt-chips .mz-chip .lv{animation:none}}

/* ===== v12 · stories, online dots, video posts ===== */
.v5c-stories>button{position:relative}
.v5c-stories .on{position:absolute;top:50px;right:6px;width:15px;height:15px;border-radius:50%;background:#2BD46A;border:3px solid #0A2427;box-sizing:border-box}
.v5c-stories .add{position:absolute;top:48px;right:4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#3797F0;color:#fff;font-weight:800;font-size:16px;line-height:1;border:3px solid #0A2427;box-sizing:border-box}
.v5st-new{display:grid;gap:10px}
.v5st-new>button{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;border:1px solid rgba(232,201,138,.2);background:#0E3236;color:#F3EEDF;font:inherit;text-align:start;cursor:pointer}
.v5st-new .ic{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:rgba(232,201,138,.12)}
.v5st-new b{display:block;font-size:1rem}.v5st-new small{display:block;font-size:.78rem;color:#9FB8B0}
.v5st-pv{width:100%;max-width:240px;aspect-ratio:9/16;max-height:42vh;margin:0 auto 10px;border-radius:18px;display:grid;place-items:center;padding:18px;box-sizing:border-box;text-align:center;font-weight:700;font-size:1.15rem;line-height:1.45;overflow:hidden;word-break:break-word}
.v5st-pv.media{padding:0;background:#000}.v5st-pv img,.v5st-pv video{width:100%;height:100%;object-fit:cover;display:block}
.v5sv{position:fixed;inset:0;z-index:2147483000;background:#000;display:flex;flex-direction:column;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.v5sv .bars{display:flex;gap:4px;padding:calc(10px + env(safe-area-inset-top)) 10px 0}
.v5sv .bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.v5sv .bars b{display:block;height:100%;width:0;background:#fff}
.v5sv .hd{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#fff;position:relative;z-index:2}
.v5sv .hd .who{flex:1;min-width:0}.v5sv .hd b{display:block;font-size:.95rem}.v5sv .hd small{font-size:.75rem;opacity:.75}
.v5sv .x{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:18px;display:grid;place-items:center;cursor:pointer}
.v5sv .stg{flex:1;position:relative;display:grid;place-items:center;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}
.v5sv .stg img,.v5sv .stg video{max-width:100%;max-height:100%;object-fit:contain;display:block}
.v5sv .stg .tx{width:100%;height:100%;display:grid;place-items:center;padding:28px;box-sizing:border-box;text-align:center;font-size:1.5rem;font-weight:700;line-height:1.5;color:#fff;word-break:break-word}
.v5sv .stg .cap{position:absolute;left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom));margin:0 16px;padding:10px 14px;border-radius:14px;background:rgba(0,0,0,.55);color:#fff;text-align:center;font-size:.95rem}
.v5sv .stg .ld{position:relative;width:100%;height:100%;display:grid;place-items:center}
.v5sv .stg .ld img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(6px) brightness(.6)}
.v5sv .stg .sp,.v5p .media.vid.ld .play::after{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:v9spin .8s linear infinite;position:relative}
.v5p .media.vid{position:relative;aspect-ratio:16/9;background:#000;display:grid;place-items:center}
.v5p .media.vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v5p .media.vid video{width:100%;height:100%;max-height:80vh;display:block;background:#000}
.v5p .media.vid .play{position:relative;width:64px;height:64px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.v5p .media.vid.ld .play svg{display:none}.v5p .media.vid.ld .play::after{content:"";display:block}
.v5p .media.vid .dur{position:absolute;right:10px;bottom:10px;padding:2px 7px;border-radius:6px;background:rgba(0,0,0,.7);color:#fff;font-size:.75rem;font-weight:600}
.v5c-prev video{width:100%;max-height:260px;border-radius:14px;display:block;background:#000}
/* Online Mufti: the header stays on screen while the chat scrolls */
.v4h.mf-sticky{position:sticky;top:0;z-index:40;margin:-8px -16px 10px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;background:#0A2427;border-bottom:1px solid rgba(232,201,138,.16);box-shadow:0 10px 24px rgba(0,0,0,.35)}