/* The plugin demos of the TapCord ad and website (promo/demos.js), scoped to .dm: an 860x700 card
 * drawn at 1:1 in the ad and scaled to fit on the website. */
.dm{--gold:#e6b85c;--gold2:#ffe2a0;--gold3:#b8862e;--muted:#c9bfae;--dim:#8f8678;--ok:#3ccf8e;position:relative;width:860px;height:700px;border-radius:34px;background:linear-gradient(165deg,#1c1822,#0f0d12);border:1.5px solid #3a3242;box-shadow:0 60px 140px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.02) inset,0 0 120px -60px var(--c);overflow:hidden;font-family:Plex,sans-serif;color:#f6f1e7;text-align:start;line-height:normal;-webkit-font-smoothing:antialiased}
.dm *{box-sizing:border-box;margin:0}
.dm .i{stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dm b{font-weight:700}
.dm .c-head{display:flex;align-items:center;gap:12px;height:86px;padding:0 36px;border-bottom:1.5px solid #2c2633;font:700 32px Plex}
.dm .c-head .h{color:var(--dim)}
.dm .c-head small{color:var(--dim);font-weight:400;font-size:24px}
.dm .msg{display:flex;gap:20px;padding:24px 36px 6px}
.dm .av{width:66px;height:66px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 28px Plex;color:#fff}
.dm .who{font:700 28px Plex}
.dm .who small{font-size:20px;color:var(--dim);font-weight:400;margin-inline-start:10px}
.dm .txt{font:400 33px/1.5 Plex;color:#e9e3d6;margin-top:2px}
.dm .composer{position:absolute;left:30px;right:30px;bottom:30px;height:104px;border-radius:24px;background:#0c0a0f;border:1.5px solid #2f2836}
.dm .composer>div{position:absolute;inset:0;display:flex;align-items:center;padding:0 34px;font:600 38px Plex;white-space:nowrap}
.dm .caret{display:inline-block;width:3px;height:1.05em;margin-inline:3px;vertical-align:-.15em;background:var(--gold);border-radius:2px}
.dm .chip{position:absolute;right:36px;display:inline-flex;align-items:center;gap:12px;padding:12px 24px;border-radius:999px;font:700 28px Plex;color:var(--c);background:color-mix(in oklab,var(--c) 14%,#121016);border:1.5px solid color-mix(in oklab,var(--c) 50%,transparent)}
.dm .sweepbar{position:absolute;top:0;bottom:0;width:200px;background:linear-gradient(90deg,transparent,rgba(230,184,92,.55),transparent)}
.dm .toast{position:absolute;left:36px;right:36px;bottom:26px;display:flex;align-items:center;gap:18px;padding:16px 26px;border-radius:24px;background:#221c26;border:1.5px solid #4a3e52;font:700 32px Plex;box-shadow:0 20px 60px -20px rgba(0,0,0,.8)}
.dm .toast .ti{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:#14101a;background:var(--c);flex:none}
/* prayer */
.dm .pr-now{margin:26px 36px 0;padding:20px 30px;border-radius:26px;background:linear-gradient(135deg,color-mix(in oklab,var(--c) 26%,#16131a),#120f15);border:1.5px solid color-mix(in oklab,var(--c) 45%,transparent)}
.dm .pr-now small{font:600 28px Plex;color:var(--muted)}
.dm .pr-now b{display:block;font:700 56px/1.3 Kufi;margin-top:0}
.dm .pr-now .cd{font:700 50px ui-monospace,Consolas,monospace;direction:ltr;color:var(--gold2);margin-top:0;text-align:right}
.dm .pr-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 36px}
.dm .pr-list div{padding:10px 18px;border-radius:18px;background:#16131a;border:1.5px solid #2c2633;font:600 28px Plex;display:flex;justify-content:space-between}
.dm .pr-list div.on{border-color:var(--c);background:color-mix(in oklab,var(--c) 14%,#16131a);color:#fff}
.dm .pr-list span{direction:ltr;color:var(--muted)}
.dm .ltr{direction:ltr;text-align:left}
/* layout fixer */
.dm .keys{position:absolute;left:36px;bottom:160px;display:flex;gap:10px;direction:ltr}
.dm kbd{display:inline-block;padding:8px 16px;border-radius:12px;background:#1d1823;border:1.5px solid #3a3242;box-shadow:0 4px 0 #3a3242;font:700 26px ui-monospace,Consolas,monospace;color:#efe7d6}
/* replies */
.dm .replies{position:absolute;left:30px;right:30px;bottom:154px;display:flex;flex-wrap:wrap;gap:12px}
.dm .rp{padding:12px 24px;border-radius:999px;font:700 28px Plex;color:var(--gold2);background:rgba(230,184,92,.1);border:1.5px solid rgba(230,184,92,.45)}
.dm .rp.on{background:linear-gradient(135deg,var(--gold2),var(--gold) 55%,var(--gold3));color:#1a1306;border-color:transparent;box-shadow:0 10px 30px -8px rgba(230,184,92,.7)}
.dm .composer .ph{color:#6f6878;font-weight:400}
.dm .composer .filled{color:#fff}
/* arabic emoji */
.dm .ep{position:absolute;right:30px;bottom:150px;width:500px;padding:10px;border-radius:24px;background:#16121b;border:1.5px solid #3a3242;box-shadow:0 30px 80px -20px #000}
.dm .ep-h{display:flex;align-items:center;gap:10px;padding:8px 14px 12px;font:600 24px Plex;color:var(--dim)}
.dm .ep-h code{margin-inline-start:auto;font:700 24px Plex;color:var(--gold2);background:rgba(230,184,92,.12);padding:2px 12px;border-radius:10px}
.dm .ep-r{display:flex;align-items:center;gap:18px;padding:8px 16px;border-radius:16px;font:600 30px Plex;color:#d9d1c2}
.dm .ep-r .em{font-size:40px;line-height:1.2}
.dm .ep-r.on{background:rgba(230,184,92,.14);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(230,184,92,.45)}
.dm .composer .done{color:#fff}
/* arabic search */
.dm .sq{margin-inline-start:auto;display:flex;align-items:center;gap:10px;height:56px;padding:0 18px;border-radius:16px;background:#0c0a0f;border:1.5px solid rgba(230,184,92,.55);font:600 28px Plex;color:#fff;box-shadow:0 0 0 4px rgba(230,184,92,.1)}
.dm .sq .i{color:var(--gold)}
.dm .sq .q{min-width:4px}
.dm .sq kbd{padding:3px 10px;font-size:18px;box-shadow:none;margin-inline-start:8px;color:var(--dim)}
.dm .cmp{display:flex;align-items:center;gap:22px;margin:22px 36px 4px;font:700 26px Plex}
.dm .cmp .no{color:#9a8f9e;text-decoration:line-through;text-decoration-color:#ff6b6b;text-decoration-thickness:2px}
.dm .cmp .yes{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;color:var(--ok);background:rgba(60,207,142,.12);border:1.5px solid rgba(60,207,142,.45)}
.dm .res{display:flex;gap:20px;padding:20px 36px 4px}
.dm .res .who{display:flex;align-items:center}
.dm .why{margin-inline-start:14px;padding:3px 12px;border-radius:999px;font:600 19px Plex;color:var(--gold2);background:rgba(230,184,92,.1);border:1px solid rgba(230,184,92,.35)}
.dm .res mark{background:transparent;color:inherit;border-radius:8px;padding:0 4px}
.dm .res.hit mark{background:rgba(230,184,92,.3);color:#fff;box-shadow:0 0 0 1.5px rgba(230,184,92,.6)}
/* adhkar */
.dm .ad-card{margin:26px 36px 0;padding:24px 30px;border-radius:26px;background:linear-gradient(135deg,color-mix(in oklab,var(--c) 22%,#16131a),#120f15);border:1.5px solid color-mix(in oklab,var(--c) 45%,transparent)}
.dm .ad-card small{font:600 24px Plex;color:var(--muted)}
.dm .ad-card p{margin-top:8px;font:700 37px/1.75 Kufi;color:#fff}
.dm .ad-foot{display:flex;align-items:center;gap:18px;margin-top:14px;font:600 26px Plex;color:var(--dim)}
.dm .ad-dots{display:flex;gap:12px}
.dm .ad-dots i{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--c)}
.dm .ad-dots i.on{background:var(--c);box-shadow:0 0 16px var(--c)}
.dm .ad-done{margin-inline-start:auto;display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:999px;background:rgba(60,207,142,.15);border:1.5px solid rgba(60,207,142,.55);color:var(--ok);font:700 26px Plex}
.dm .ad-tas{position:absolute;left:30px;right:30px;bottom:30px;height:132px;display:flex;align-items:center;gap:24px;padding:0 26px;border-radius:26px;background:#0c0a0f;border:1.5px solid #2f2836}
.dm .ad-ring{position:relative;width:96px;height:96px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--p,0) * 1turn),#2a2430 0)}
.dm .ad-ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:#0c0a0f}
.dm .ad-ring b{position:relative;font:700 36px ui-monospace,Consolas,monospace;color:#fff}
.dm .ad-ring.full{box-shadow:0 0 34px rgba(230,184,92,.65)}
.dm .ad-tas .t{display:block;font:700 36px/1.4 Kufi}
.dm .ad-tas small{display:block;font:600 22px Plex;color:var(--dim)}
/* islamic occasions */
.dm .oc{display:flex;align-items:center;gap:20px;margin:12px 36px 0;padding:10px 20px;border-radius:22px;background:#16131a;border:1.5px solid #2c2633}
.dm .oc:first-of-type{border-color:color-mix(in oklab,var(--c) 55%,transparent);background:color-mix(in oklab,var(--c) 12%,#16131a)}
.dm .oc-e{width:58px;height:58px;flex:none;border-radius:18px;display:grid;place-items:center;font-size:36px;background:#0c0a0f}
.dm .oc b{display:block;font:700 30px/1.3 Plex}
.dm .oc small{display:block;font:500 22px Plex;color:var(--dim)}
.dm .oc-in{margin-inline-start:auto;padding:8px 18px;border-radius:999px;font:700 26px Plex;color:var(--gold2);background:rgba(230,184,92,.1);border:1.5px solid rgba(230,184,92,.4);white-space:nowrap}
.dm .oc-in b{display:inline;font:700 30px ui-monospace,Consolas,monospace;color:#fff}
/* greeting cards */
.dm .gc-tpl{display:flex;gap:14px;margin:22px 36px 0}
.dm .gc-tpl span{flex:1;height:62px;border-radius:16px;display:grid;place-items:center;font:700 24px Plex;color:#fff;border:3px solid transparent;opacity:.75}
.dm .gc-tpl span.on{border-color:var(--gold2);opacity:1;box-shadow:0 0 24px -4px rgba(230,184,92,.7)}
.dm .gc-stage{position:relative;height:340px;margin:22px 36px 0}
.dm .gc{position:absolute;inset:0;border-radius:26px;overflow:hidden;text-align:center;padding-top:78px;box-shadow:0 30px 70px -30px #000}
.dm .gc .cr{position:absolute;top:26px;right:34px}
.dm .gc .st{position:absolute;top:10px;left:20px}
.dm .gc b{display:block;font:700 78px/1.25 Kufi;text-shadow:0 6px 30px rgba(0,0,0,.35)}
.dm .gc p{margin-top:6px;font:600 30px Plex;color:rgba(255,255,255,.9)}
.dm .gc small{position:absolute;left:0;right:0;bottom:22px;font:600 22px Plex;color:rgba(255,255,255,.7)}
.dm .gc.b{opacity:0}
.dm .gc-send{position:absolute;right:36px;bottom:34px;height:76px;padding:0 32px;border-radius:20px;display:flex;align-items:center;gap:14px;font:700 30px Plex;color:#1a1306;background:linear-gradient(135deg,var(--gold2),var(--gold) 55%,var(--gold3));box-shadow:0 14px 40px -12px rgba(230,184,92,.7)}
/* seasonal decor */
.dm .tm{position:absolute;left:28px;right:28px;top:28px;bottom:130px;border-radius:24px;overflow:hidden;display:flex;background:var(--tbg)}
.dm .tm.dec{--tbg:#0c1222;--tp:#121a30;--tp2:#18213c;--tacc:#e6b85c;--tbar:#2a3556}
.dm .lan{position:absolute;top:28px;left:70px;overflow:visible}
.dm .conf{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.dm .conf i{position:absolute;left:0;top:0;border-radius:3px;opacity:0}
.dm .tm .srv{width:100px;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:22px}
.dm .tm .srv i{width:58px;height:58px;border-radius:18px;background:var(--tp2)}
.dm .tm .srv i:first-child{background:var(--tacc)}
.dm .tm .chn{width:220px;background:var(--tp);padding:24px 18px;display:flex;flex-direction:column;gap:16px}
.dm .tm .chn i{height:16px;border-radius:8px;background:var(--tbar)}
.dm .tm .chn i.on{background:var(--tacc)}
.dm .tm .chat{flex:1;position:relative;background:radial-gradient(circle at 25% 15%,color-mix(in oklab,var(--tacc) 28%,transparent),transparent 55%),var(--tp2);padding:26px;display:flex;flex-direction:column;gap:22px}
.dm .tm .row{display:flex;gap:14px}
.dm .tm .row b{width:46px;height:46px;border-radius:50%;background:var(--tacc);flex:none}
.dm .tm .row span{display:flex;flex-direction:column;gap:9px;flex:1}
.dm .tm .row span i{display:block;height:14px;border-radius:7px;background:var(--tbar)}
.dm .tm .row span i:first-child{width:30%;background:color-mix(in oklab,var(--tacc) 70%,var(--tbar))}
/* dictionary */
.dm .wd{border-radius:6px;padding:0 3px}
.dm .wd.sel{background:rgba(75,168,255,.45);color:#fff}
.dm .cm{position:absolute;top:196px;left:250px;width:330px;padding:8px;border-radius:18px;background:#16121b;border:1.5px solid #3a3242;box-shadow:0 30px 70px -20px #000;transform-origin:top left}
.dm .cm div{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;font:600 27px Plex;color:#d9d1c2}
.dm .cm div.on{background:linear-gradient(135deg,var(--gold2),var(--gold) 55%,var(--gold3));color:#1a1306}
.dm .dict{position:absolute;left:36px;right:36px;top:226px;padding:26px 30px;border-radius:26px;background:#16121b;border:1.5px solid rgba(230,184,92,.45);box-shadow:0 30px 80px -20px #000}
.dm .dict-h{display:flex;align-items:center;gap:18px;flex-direction:row-reverse;justify-content:flex-end}
.dm .dict-h b{font:700 50px Plex;color:#fff}
.dm .ipa{font:500 28px ui-monospace,Consolas,monospace;color:var(--dim);direction:ltr}
.dm .spk{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#1a1306;background:linear-gradient(135deg,var(--gold2),var(--gold) 55%,var(--gold3))}
.dm .dict-g{margin-top:18px;padding:16px 20px;border-radius:18px;background:color-mix(in oklab,var(--c) 12%,#120f15);border:1.5px solid color-mix(in oklab,var(--c) 40%,transparent)}
.dm .dict-g small{display:inline-block;padding:2px 12px;border-radius:999px;font:700 21px Plex;color:var(--c);background:color-mix(in oklab,var(--c) 16%,transparent)}
.dm .dict-g p{margin-top:6px;font:700 40px/1.5 Kufi;color:#fff}
.dm .dict-en{margin-top:14px;font:500 27px Plex;color:var(--muted)}
.dm .dict-ex{margin-top:10px;font:500 26px Plex;color:var(--dim)}
.dm .dict-ex .ltr{display:inline;color:#e9e3d6;font-style:italic}
/* on-screen keyboard */
.dm .osk{position:absolute;left:30px;right:30px;bottom:150px;padding:14px 16px 16px;border-radius:24px;background:#16121b;border:1.5px solid #3a3242;box-shadow:0 30px 80px -20px #000}
.dm .osk-h{display:flex;align-items:center;gap:10px;padding:0 4px 10px;font:700 25px Plex;color:var(--gold2)}
.dm .osk-h span{margin-inline-start:auto;font:500 20px Plex;color:var(--dim)}
.dm .osk-r{display:flex;justify-content:center;gap:8px;margin-top:8px}
.dm .osk i{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font:700 28px Plex;font-style:normal;color:#efe7d6;background:#221c27;border:1.5px solid #3a3242;box-shadow:0 3px 0 #2c2633}
.dm .osk i.w{width:auto;padding:0 14px;font-size:20px;color:var(--dim)}
.dm .osk i.sp{width:300px;font-size:22px;color:var(--dim)}
.dm .osk i.on{background:linear-gradient(135deg,var(--gold2),var(--gold) 55%,var(--gold3));color:#1a1306;border-color:transparent;transform:translateY(2px);box-shadow:0 0 22px rgba(230,184,92,.6)}
/* the first ad's demos, kept for the launcher's example images */
/* translate & logger */
.dm .tr-box{margin:10px 36px 0 122px;padding:16px 22px;border-radius:18px;border-inline-start:5px solid var(--c);background:color-mix(in oklab,var(--c) 10%,#141118)}
.dm .tr-box small{display:flex;align-items:center;gap:8px;font:600 22px Plex;color:var(--c)}
.dm .tr-box .txt{font-size:34px;color:#fff}
.dm .gone .txt{color:#ff8f8f;text-decoration:line-through;text-decoration-thickness:2px}
.dm .tag{display:inline-block;margin-inline-start:12px;padding:3px 12px;border-radius:999px;background:rgba(255,107,107,.15);border:1px solid rgba(255,107,107,.5);color:#ffb3b3;font:700 20px Plex;vertical-align:4px}
.dm .tag.edit{background:rgba(230,184,92,.14);border-color:rgba(230,184,92,.5);color:var(--gold2)}
.dm .old{font:400 26px Plex;color:var(--dim);margin-top:6px}
/* scam */
.dm .link{color:#8fd3ff;text-decoration:underline;direction:ltr;display:inline-block}
.dm .link.bad{color:#ff8f8f;text-decoration-color:#ff6b6b;text-decoration-thickness:3px}
.dm .warn{position:absolute;left:30px;right:30px;bottom:30px;border-radius:26px;border:2px solid rgba(240,178,50,.75);background:linear-gradient(180deg,rgba(240,178,50,.17),rgba(240,178,50,.05));padding:24px 28px;display:flex;gap:20px;align-items:flex-start}
.dm .warn .wi{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#f0b232;color:#1a1306;flex:none}
.dm .warn b{font:700 36px Plex;color:#ffd27a}
.dm .warn p{font:400 28px Plex;color:#efdcb4;margin-top:4px}
/* lock */
.dm .blurred{position:absolute;inset:0;filter:blur(10px);opacity:.55}
.dm .lockbox{position:absolute;left:50%;top:50%;width:470px;transform:translate(-50%,-50%);text-align:center;padding:40px 30px;border-radius:30px;background:rgba(18,15,22,.92);border:1.5px solid #4a3e52;box-shadow:0 30px 80px -20px #000}
.dm .lockbox .li{width:110px;height:110px;margin:0 auto 16px;border-radius:32px;display:grid;place-items:center;color:var(--c);background:color-mix(in oklab,var(--c) 15%,#121016);border:2px solid color-mix(in oklab,var(--c) 50%,transparent)}
.dm .lockbox b{font:700 40px Kufi}
.dm .dots{display:flex;justify-content:center;gap:22px;margin-top:26px}
.dm .dots i{width:28px;height:28px;border-radius:50%;border:2.5px solid var(--c);transition:none}
.dm .dots i.on{background:var(--c);box-shadow:0 0 18px var(--c)}
/* look */
.dm .tm .sample{font:700 40px Kufi;color:#fff;margin-top:6px}
.dm .tbar{position:absolute;left:30px;right:30px;bottom:30px;height:76px;display:flex;align-items:center;gap:16px}
.dm .tbar .sw{width:60px;height:60px;border-radius:18px;border:3px solid transparent}
.dm .tbar .sw.on{border-color:#fff}
.dm .tbar b{margin-inline-start:auto;font:700 38px Kufi}
/* pomodoro */
.dm .ring{position:absolute;left:50%;top:70px;width:400px;height:400px;transform:translateX(-50%);border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1turn),#272130 0);display:grid;place-items:center}
.dm .ring::before{content:"";position:absolute;inset:22px;border-radius:50%;background:#120f15}
.dm .ring div{position:relative;text-align:center}
.dm .ring b{display:block;font:700 104px ui-monospace,Consolas,monospace;direction:ltr;color:#fff}
.dm .ring small{font:600 30px Plex;color:var(--muted)}
.dm .dnd{position:absolute;left:50%;top:510px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:14px;padding:14px 30px;border-radius:999px;font:700 32px Plex;background:rgba(237,66,69,.14);border:1.5px solid rgba(237,66,69,.55);color:#ff9a9c;white-space:nowrap}
.dm .dnd i{width:20px;height:20px;border-radius:50%;background:#ed4245;box-shadow:0 0 14px #ed4245}
.dm .rounds{position:absolute;left:50%;top:600px;transform:translateX(-50%);display:flex;gap:16px}
.dm .rounds i{width:22px;height:22px;border-radius:50%;background:#2c2633}
.dm .rounds i.on{background:var(--c)}
/* youtube */
.dm .yt{margin:14px 36px 0 122px;border-radius:20px;overflow:hidden;border:1.5px solid #2c2633;background:#16131a;width:520px}
.dm .yt .th{height:240px;background:linear-gradient(135deg,#3b1d1d,#141019 60%),#222;display:grid;place-items:center;position:relative}
.dm .yt .th .pl{width:96px;height:68px;border-radius:20px;background:#ff2d2d;display:grid;place-items:center;color:#fff}
.dm .yt b{display:block;padding:14px 18px;font:700 28px Plex}
.dm .mini{position:absolute;left:30px;bottom:30px;width:470px;border-radius:22px;overflow:hidden;background:#0c0a0f;border:2px solid #4a3e52;box-shadow:0 30px 80px -10px #000}
.dm .mini .v{height:264px;background:linear-gradient(135deg,#562626,#1a1220);position:relative;display:grid;place-items:center}
.dm .mini .v span{font:700 30px Plex;color:#fff;text-shadow:0 2px 10px #000}
.dm .mini .bar{height:8px;background:#2c2633}
.dm .mini .bar i{display:block;height:100%;background:#ff2d2d}
.dm .mini .tt{display:flex;align-items:center;gap:12px;padding:14px 18px;font:700 26px Plex}
/* الاتجاه الذكي */
.dm .dir-wrap{position:relative}
.dm .dir-wrap .dir-ok{position:absolute;inset:0}
.dm .dir-label{position:absolute;left:36px;right:36px;bottom:40px;display:flex;align-items:center;gap:14px;padding:18px 26px;border-radius:22px;font:700 30px Plex}
.dm .dir-label span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font:700 28px Plex;flex:none}
.dm .dir-label.bad{color:#ffb3b3;background:rgba(255,107,107,.1);border:1.5px solid rgba(255,107,107,.45)}
.dm .dir-label.bad span{background:rgba(255,107,107,.25);color:#ffd0d0}
.dm .dir-label.ok{color:#8ff0c2;background:rgba(60,207,142,.1);border:1.5px solid rgba(60,207,142,.5)}
.dm .dir-label.ok span{background:var(--ok);color:#06150e}
/* زخرفة النص + the shared pop-up head */
.dm .fx-pop,.dm .ft-pop{position:absolute;left:30px;right:30px;bottom:150px;padding:22px 26px;border-radius:26px;background:#1c1722;border:1.5px solid #4a3e52;box-shadow:0 30px 80px -20px #000}
.dm .fx-h{display:flex;align-items:center;gap:12px;font:700 30px Plex;color:#fff}
.dm .fx-h .i{color:var(--c)}
.dm .fx-h small{margin-inline-start:auto;font:400 22px Plex;color:var(--dim)}
.dm .fx-r{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:10px 18px;border-radius:16px;border:1.5px solid transparent}
.dm .fx-r.on{background:color-mix(in oklab,var(--c) 16%,#141118);border-color:color-mix(in oklab,var(--c) 60%,transparent)}
.dm .fx-t{font:400 38px 'Segoe UI Symbol','Cambria Math','Segoe UI',serif;color:#fff;direction:ltr}
.dm .fx-r small{font:600 22px Plex;color:var(--dim)}
.dm .fx-sent,.dm .fx-out{font-family:'Segoe UI Symbol','Cambria Math','Segoe UI',serif!important}
/* تنسيق واتساب */
.dm .wa-b{font-weight:800;color:#fff}
.dm .wa-i{display:inline-block;transform:skewX(12deg);color:#fff;font-style:normal}
.dm .wa-s{color:#a39a8c;text-decoration-thickness:3px}
.dm .wa-mark,.dm .po-bad{font-style:normal;color:#ffd66e}
/* التاريخ الهجري */
.dm .hj-sep{display:flex;align-items:center;gap:16px;margin:26px 36px 4px;font:600 24px Plex;color:var(--dim);white-space:nowrap}
.dm .hj-sep i{flex:1;height:1.5px;background:#2c2633}
.dm .hj-h{font-style:normal;display:inline-block;color:var(--gold2)}
.dm .hj-tip{position:absolute;right:150px;top:318px;padding:12px 18px;border-radius:14px;background:#0c0a0f;border:1.5px solid #4a3e52;font:700 24px Plex;color:#fff;box-shadow:0 16px 40px -10px #000}
.dm .hj-tip small{display:block;font:600 22px Plex;color:var(--gold2)}
.dm .hj-conv{display:block;font:600 24px Plex;color:var(--muted)}
/* تدقيق عربي */
.dm .po{font-weight:800;color:#ffd66e}
/* خطوط عربية */
.dm .ft-txt{font-size:38px;line-height:1.55}
.dm .ft-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.dm .ft-chips span{padding:8px 18px;border-radius:999px;font-size:28px;color:var(--muted);background:#141118;border:1.5px solid #2f2836}
.dm .ft-chips span.on{color:#14101a;background:var(--c);border-color:transparent}
/* آية اليوم */
.dm .vs-card{position:absolute;left:40px;right:40px;top:130px;padding:26px 30px 24px;border-radius:28px;background:linear-gradient(170deg,#211a28,#141018);border:1.5px solid color-mix(in oklab,var(--c) 55%,#3a3242);box-shadow:0 30px 90px -20px #000,0 0 80px -40px var(--c)}
.dm .vs-t{margin-top:22px;text-align:center;font:700 56px/1.6 Kufi;color:var(--gold2)}
.dm .vs-s{margin-top:6px;text-align:center;font:600 24px Plex;color:var(--dim)}
.dm .vs-b{display:flex;justify-content:center;gap:14px;margin-top:22px}
.dm .vs-b span{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:16px;font:700 26px Plex;color:#fff;background:#141118;border:1.5px solid #3a3242}
.dm .vs-b span.vs-share{color:#14101a;background:linear-gradient(135deg,#ffe2a0,#e6b85c 55%,#b8862e);border-color:transparent}
.dm .vs-b span.vs-share.on{transform:scale(.95)}
.dm .ft-pop{bottom:30px}