/* shlomiX Inbox */
:root{
  --bg:#EEF1F6;--panel:#FFFFFF;--panel2:#F7F8FB;--line:#E4E8F0;--ink:#0E1626;--mute:#6A7489;--soft:#9AA3B5;
  --rail:#0B1220;--rail2:#141D30;--railInk:#C9D2E6;
  --wa:#1DAA61;--wa2:#25D366;--waBubble:#D9FDD3;--tg:#2AABEE;--tg2:#229ED9;--tgBubble:#E3F2FE;
  --acc:var(--wa);--acc2:var(--wa2);--outBubble:var(--waBubble);--inBubble:#FFFFFF;
  --chatBg:#F2EEE8;--danger:#D93954;--ok:#16A34A;--warn:#E6A100;
  --r:14px;--shadow:0 12px 40px rgba(12,20,40,.14);--font:"Heebo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
html[data-theme=dark]{
  --bg:#070B14;--panel:#0F1626;--panel2:#131B2E;--line:#1E2840;--ink:#E7ECF7;--mute:#93A0BC;--soft:#6B7896;
  --rail:#05080F;--rail2:#0E1527;--waBubble:#0F4D3A;--tgBubble:#1B3B5C;--inBubble:#18223A;--chatBg:#0A1020;--shadow:0 16px 50px rgba(0,0,0,.5);
}
@media (prefers-color-scheme:dark){html:not([data-theme=light]){
  --bg:#070B14;--panel:#0F1626;--panel2:#131B2E;--line:#1E2840;--ink:#E7ECF7;--mute:#93A0BC;--soft:#6B7896;
  --rail:#05080F;--rail2:#0E1527;--waBubble:#0F4D3A;--tgBubble:#1B3B5C;--inBubble:#18223A;--chatBg:#0A1020;--shadow:0 16px 50px rgba(0,0,0,.5);
}}
html[data-pf=tg]{--acc:var(--tg);--acc2:var(--tg2);--outBubble:var(--tgBubble)}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:15px;-webkit-font-smoothing:antialiased;overflow:hidden}
button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--acc)}
.hide{display:none!important}
.boot{height:100vh;display:grid;place-items:center}
.logo-x{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--wa2),var(--tg));display:grid;place-items:center;color:#0B1220;font-weight:900;font-size:28px;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(.92);opacity:.7}}

/* ---------- כניסה ---------- */
.login{height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(900px 500px at 85% 0%,rgba(37,211,102,.18),transparent 60%),radial-gradient(800px 500px at 10% 100%,rgba(42,171,238,.2),transparent 60%),var(--rail)}
.lcard{width:min(400px,100%);background:var(--panel);border-radius:22px;padding:32px 28px;box-shadow:0 30px 80px rgba(0,0,0,.45);animation:rise .5s cubic-bezier(.2,.8,.2,1)}
@keyframes rise{from{opacity:0;transform:translateY(16px)}}
.lcard .logo-x{animation:none;margin:0 auto 14px}
.lcard h1{margin:0;text-align:center;font-size:24px;font-weight:800}
.lcard p{margin:6px 0 22px;text-align:center;color:var(--mute)}
.fld{display:block;margin-bottom:12px}
.fld span{display:block;font-size:13px;font-weight:600;color:var(--mute);margin-bottom:5px}
.inp{width:100%;border:1.5px solid var(--line);background:var(--panel2);border-radius:12px;padding:11px 14px;outline:none;transition:border .15s,box-shadow .15s}
.inp:focus{border-color:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 16%,transparent)}
.btn{border:0;border-radius:12px;padding:11px 18px;font-weight:700;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--acc) 30%,transparent);transition:transform .1s,filter .15s}
.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.55;pointer-events:none}
.btn.full{width:100%}
.btn.ghost{background:var(--panel2);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.btn.danger{background:var(--danger);box-shadow:none}
.btn.sm{padding:7px 12px;font-size:13.5px;border-radius:10px}
.err{color:var(--danger);font-size:14px;min-height:20px;margin:8px 0 0;text-align:center}
.lock{display:flex;align-items:center;gap:6px;justify-content:center;color:var(--soft);font-size:12.5px;margin-top:16px}

/* ---------- מבנה ---------- */
.shell{display:grid;grid-template-columns:76px 380px 1fr;height:100vh;height:100dvh}
.rail{background:var(--rail);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:8px;overflow-y:auto;scrollbar-width:none}
.rail .logo-x{width:44px;height:44px;font-size:21px;border-radius:13px;animation:none;margin-bottom:6px}
.pfb{position:relative;width:52px;height:52px;border-radius:16px;border:0;background:transparent;display:grid;place-items:center;transition:background .15s}
.pfb svg{width:28px;height:28px}
.pfb:hover{background:var(--rail2)}
.pfb.on{background:var(--rail2)}
.pfb.on:before{content:"";position:absolute;right:-12px;top:12px;bottom:12px;width:4px;border-radius:4px;background:currentColor}
.pfb.wa{color:var(--wa2)}.pfb.tg{color:var(--tg)}
.badge{position:absolute;top:2px;left:2px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--danger);color:#fff;font-size:11.5px;font-weight:700;display:grid;place-items:center;border:2px solid var(--rail)}
.rsep{width:32px;height:1px;background:var(--rail2);margin:6px 0}
.accb{position:relative;width:44px;height:44px;border-radius:50%;border:2px solid transparent;padding:0;background:var(--rail2);color:#fff;font-weight:700;font-size:16px;transition:border .15s,transform .15s}
.accb:hover{transform:scale(1.05)}
.accb.on{border-color:var(--acc)}
.accb i{position:absolute;bottom:-1px;left:-1px;width:13px;height:13px;border-radius:50%;border:2px solid var(--rail);background:var(--soft)}
.accb i.ready{background:var(--ok)}.accb i.bad{background:var(--danger)}.accb i.wait{background:var(--warn)}
.accb.add{background:transparent;border:2px dashed #2A3550;color:var(--railInk);font-size:22px;font-weight:400}
.rail .grow{flex:1}
.rbtn{width:44px;height:44px;border-radius:12px;border:0;background:transparent;color:var(--railInk);display:grid;place-items:center;font-size:19px}
.rbtn:hover{background:var(--rail2);color:#fff}
.side{background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:0}
.shead{padding:14px 16px 10px;display:flex;align-items:center;gap:10px}
.shead h2{margin:0;font-size:21px;font-weight:800;flex:1;min-width:0;display:flex;align-items:center;gap:8px}
.shead h2 small{font-size:13px;font-weight:500;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ibtn{width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--mute);display:grid;place-items:center;font-size:18px;flex:none}
.ibtn:hover{background:var(--panel2);color:var(--ink)}
.ibtn svg{width:21px;height:21px}
.sbox{margin:0 14px 8px;position:relative}
.sbox input{width:100%;border:0;background:var(--panel2);border-radius:12px;padding:10px 40px 10px 14px;outline:none;border:1.5px solid transparent}
.sbox input:focus{border-color:var(--acc);background:var(--panel)}
.sbox svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--soft)}
.chips{display:flex;gap:6px;padding:0 14px 10px;overflow-x:auto;scrollbar-width:none}
.chip{border:0;border-radius:99px;padding:6px 13px;background:var(--panel2);color:var(--mute);font-weight:600;font-size:13.5px;white-space:nowrap}
.chip.on{background:color-mix(in srgb,var(--acc) 15%,transparent);color:var(--acc)}
.clist{flex:1;overflow-y:auto;min-height:0;padding-bottom:12px}
.clist::-webkit-scrollbar,.msgs::-webkit-scrollbar{width:7px}.clist::-webkit-scrollbar-thumb,.msgs::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--mute) 30%,transparent);border-radius:9px}
.sec{padding:12px 18px 6px;font-size:12.5px;font-weight:700;color:var(--acc);letter-spacing:.2px}
.ci{display:flex;gap:12px;align-items:center;padding:10px 14px;margin:0 6px;border-radius:12px;cursor:pointer;transition:background .12s}
.ci:hover{background:var(--panel2)}
.ci.on{background:color-mix(in srgb,var(--acc) 11%,transparent)}
.av{position:relative;width:50px;height:50px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:700;font-size:19px;overflow:hidden;background:var(--c,#8899aa)}
.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.av.sm{width:40px;height:40px;font-size:16px}
.cb{flex:1;min-width:0}
.cr{display:flex;align-items:baseline;gap:8px}
.ct{flex:1;min-width:0;font-weight:600;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ctm{font-size:12px;color:var(--soft);flex:none}
.ci.unr .ctm{color:var(--acc);font-weight:700}
.cl{flex:1;min-width:0;color:var(--mute);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci.unr .cl{color:var(--ink)}
.ub{min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--acc);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}
.ub.mut{background:var(--soft)}
.tico{font-size:12px;opacity:.75;margin-inline-end:3px}
.empty{padding:40px 24px;text-align:center;color:var(--mute)}
.empty b{display:block;font-size:42px;margin-bottom:8px}

/* ---------- שיחה ---------- */
.main{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--chatBg)}
.main:before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--mute) 22%,transparent) 1px,transparent 1.2px);background-size:22px 22px}
.welcome{flex:1;display:grid;place-items:center;text-align:center;position:relative;padding:24px}
.welcome .logo-x{width:84px;height:84px;font-size:42px;border-radius:26px;margin:0 auto 18px;animation:none;box-shadow:0 20px 60px rgba(37,211,102,.25)}
.welcome h3{margin:0 0 8px;font-size:26px;font-weight:800}
.welcome p{margin:0;color:var(--mute);max-width:420px;line-height:1.6}
.welcome .lock{margin-top:22px}
.mhead{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line);min-height:66px}
.mhead .back{display:none}
.mt{flex:1;min-width:0;cursor:default}
.mt b{display:block;font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt small{display:block;color:var(--mute);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msearch{position:relative;z-index:2;display:flex;gap:8px;padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--line)}
.msgs{position:relative;flex:1;overflow-y:auto;padding:16px 6% 10px;display:flex;flex-direction:column;gap:3px;min-height:0}
.day{align-self:center;margin:12px 0 8px;background:var(--panel);color:var(--mute);font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:9px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.m{display:flex;max-width:min(640px,78%);animation:pop .18s ease}
@keyframes pop{from{opacity:0;transform:translateY(4px)}}
.m.in{align-self:flex-start}.m.out{align-self:flex-end}
.bub{position:relative;padding:7px 11px 6px;border-radius:12px;background:var(--inBubble);box-shadow:0 1px 1.5px rgba(10,20,40,.10);min-width:84px;line-height:1.48;word-wrap:break-word;overflow-wrap:anywhere}
.m.in .bub{border-top-right-radius:4px}
.m.out .bub{background:var(--outBubble);border-top-left-radius:4px}
.m.cont .bub{border-radius:12px}
.m.cont{margin-top:-1px}
.snd{font-size:13px;font-weight:700;margin-bottom:2px;color:var(--sc,var(--acc))}
.txt{white-space:pre-wrap;font-size:15px}
.txt a{word-break:break-all}
.meta{float:left;margin:6px 10px -4px 0;font-size:11.5px;color:var(--soft);display:flex;align-items:center;gap:3px;direction:ltr}
.meta .tk{font-size:13px;letter-spacing:-3px;margin-left:3px}
.meta .tk.rd{color:#34B7F1}
.fwd{font-size:12.5px;color:var(--mute);font-style:italic;margin-bottom:2px}
.quote{border-right:3px solid var(--acc);background:color-mix(in srgb,var(--acc) 8%,transparent);border-radius:7px;padding:5px 9px;margin:2px 0 5px;font-size:13.5px;color:var(--mute);cursor:pointer;max-height:60px;overflow:hidden}
.quote b{display:block;color:var(--acc);font-size:12.5px}
.mimg{display:block;max-width:100%;width:340px;max-height:380px;object-fit:cover;border-radius:9px;margin:-2px -6px 4px;cursor:zoom-in;background:color-mix(in srgb,var(--mute) 15%,transparent);min-height:120px}
.mvid{display:block;width:340px;max-width:100%;max-height:400px;border-radius:9px;margin:-2px -6px 4px;background:#000}
.maud{width:280px;max-width:100%;height:40px;margin:2px 0}
.mstk{width:150px;height:150px;object-fit:contain}
.doc{display:flex;align-items:center;gap:11px;padding:9px 11px;margin:0 -4px 4px;background:color-mix(in srgb,var(--mute) 9%,transparent);border-radius:10px;text-decoration:none;color:var(--ink);min-width:220px}
.doc .di{width:40px;height:44px;border-radius:7px;background:linear-gradient(135deg,var(--acc),var(--acc2));display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;flex:none}
.doc b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.doc small{color:var(--mute);font-size:12px}
.web{border-right:3px solid var(--acc);padding:4px 9px;margin:4px 0;font-size:13px;color:var(--mute)}
.web b{display:block;color:var(--ink)}
.views{margin-left:6px}
.del{color:var(--soft);font-style:italic}
.hl{animation:hl 1.6s ease}
@keyframes hl{0%,40%{background:color-mix(in srgb,var(--acc) 30%,transparent)}}
.mact{opacity:0;position:absolute;top:4px;left:-34px;width:28px;height:28px;border-radius:50%;border:0;background:var(--panel);box-shadow:0 2px 6px rgba(0,0,0,.12);color:var(--mute);font-size:14px;transition:opacity .15s}
.m.out .mact{left:auto;right:-34px}
.m:hover .mact{opacity:1}
.more{align-self:center;margin:6px 0;border:0;background:var(--panel);color:var(--acc);font-weight:600;border-radius:99px;padding:6px 14px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.jump{position:absolute;bottom:90px;left:24px;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:var(--panel);box-shadow:var(--shadow);color:var(--mute);font-size:18px}
.comp{position:relative;z-index:2;background:var(--panel2);padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line)}
.crow{display:flex;align-items:flex-end;gap:8px}
.comp textarea{flex:1;resize:none;border:0;background:var(--panel);border-radius:22px;padding:11px 16px;max-height:160px;min-height:46px;outline:none;line-height:1.45;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.send{width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 6px 16px color-mix(in srgb,var(--acc) 35%,transparent);transition:transform .12s}
.send:active{transform:scale(.9)}.send svg{width:21px;height:21px;transform:scaleX(-1)}
.send[disabled]{opacity:.5}
.pre{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:12px;padding:8px 12px;border-right:3px solid var(--acc);font-size:13.5px}
.pre .pt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mute)}
.pre .pt b{color:var(--acc);margin-left:6px}
.pre img{width:42px;height:42px;object-fit:cover;border-radius:7px}
.pre label{display:flex;gap:5px;align-items:center;color:var(--mute);font-size:12.5px;white-space:nowrap}
.ro{position:relative;z-index:2;background:var(--panel);text-align:center;padding:14px;color:var(--mute);border-top:1px solid var(--line)}
.drop{position:absolute;inset:0;z-index:20;background:color-mix(in srgb,var(--acc) 22%,transparent);border:3px dashed var(--acc);display:grid;place-items:center;font-size:22px;font-weight:800;color:var(--acc);backdrop-filter:blur(3px)}
.prog{height:3px;background:linear-gradient(90deg,var(--acc),var(--acc2));border-radius:3px;transition:width .2s}

/* ---------- חלונות ---------- */
.ov{position:fixed;inset:0;z-index:100;background:rgba(5,9,18,.55);backdrop-filter:blur(5px);display:grid;place-items:center;padding:14px;animation:fade .2s}
@keyframes fade{from{opacity:0}}
.dlg{width:min(520px,100%);max-height:calc(100vh - 28px);overflow:auto;background:var(--panel);border-radius:22px;box-shadow:0 40px 100px rgba(0,0,0,.4);animation:rise .3s cubic-bezier(.2,.8,.2,1)}
.dlg.wide{width:min(860px,100%)}
.dh{display:flex;align-items:center;gap:10px;padding:18px 22px 6px}
.dh h3{flex:1;margin:0;font-size:20px;font-weight:800}
.db{padding:10px 22px 22px}
.pick{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pk{border:2px solid var(--line);border-radius:18px;padding:22px 14px;background:var(--panel2);text-align:center;transition:all .15s}
.pk:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.pk svg{width:46px;height:46px;margin-bottom:8px}
.pk b{display:block;font-size:17px}.pk span{color:var(--mute);font-size:13px}
.pk.wa{color:var(--wa)}.pk.wa:hover{border-color:var(--wa)}.pk.tg{color:var(--tg)}.pk.tg:hover{border-color:var(--tg)}
.pk b,.pk span{color:var(--ink)}.pk span{color:var(--mute)}
.qrbox{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
@media(max-width:560px){.qrbox{grid-template-columns:1fr}}
.qr{width:236px;height:236px;border-radius:16px;background:#fff;padding:10px;display:grid;place-items:center;border:1px solid var(--line);margin:0 auto}
.qr img{width:100%;height:100%;image-rendering:pixelated}
.steps{margin:0;padding:0 18px 0 0;color:var(--mute);line-height:1.9;font-size:14.5px}
.steps b{color:var(--ink)}
.code{font-family:ui-monospace,Consolas,monospace;font-size:34px;font-weight:800;letter-spacing:6px;text-align:center;direction:ltr;padding:18px;border-radius:16px;background:var(--panel2);border:2px dashed var(--acc);color:var(--acc);margin:10px 0}
.tabs{display:flex;gap:6px;margin-bottom:14px;background:var(--panel2);padding:4px;border-radius:12px}
.tab{flex:1;border:0;background:transparent;padding:9px;border-radius:9px;font-weight:600;color:var(--mute)}
.tab.on{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.note{background:color-mix(in srgb,var(--warn) 12%,transparent);border-radius:12px;padding:10px 12px;font-size:13.5px;color:var(--ink);line-height:1.55;margin-top:12px}
.okmsg{text-align:center;padding:18px 0}.okmsg b{display:block;font-size:52px}
.set{display:grid;grid-template-columns:200px 1fr;min-height:480px}
@media(max-width:700px){.set{grid-template-columns:1fr}}
.snav{border-left:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:3px}
@media(max-width:700px){.snav{flex-direction:row;overflow:auto;border:0;border-bottom:1px solid var(--line)}}
.snav button{border:0;background:transparent;text-align:right;padding:10px 12px;border-radius:10px;font-weight:600;color:var(--mute);white-space:nowrap}
.snav button.on{background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--acc)}
.sbody{padding:14px 20px 22px;min-width:0}
.row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;background:var(--panel2)}
.row .rb{flex:1;min-width:0}.row .rb b{display:block}.row .rb small{color:var(--mute)}
.pill{display:inline-block;font-size:11.5px;font-weight:700;border-radius:99px;padding:2px 9px;margin-inline-start:6px}
.pill.ready{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}
.pill.bad{background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}
.pill.wait{background:color-mix(in srgb,var(--warn) 18%,transparent);color:#9a6b00}
h4{margin:6px 0 10px;font-size:16px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:300;background:#0E1626;color:#fff;padding:11px 18px;border-radius:12px;box-shadow:var(--shadow);animation:rise .25s;max-width:90vw;font-size:14.5px}
.lb{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.9);display:grid;place-items:center;cursor:zoom-out}
.lb img,.lb video{max-width:94vw;max-height:92vh;border-radius:8px}
.typing{color:var(--acc)}

/* ---------- נייד ---------- */
@media(max-width:900px){
  .shell{grid-template-columns:1fr;grid-template-rows:1fr auto}
  .rail{grid-row:2;flex-direction:row;padding:6px 10px calc(6px + env(safe-area-inset-bottom));height:auto;overflow-x:auto;justify-content:flex-start;gap:6px}
  .rail .logo-x,.rail .rsep{display:none}
  .rail .grow{flex:1}
  .pfb.on:before{right:12px;left:12px;top:auto;bottom:-6px;width:auto;height:3px}
  .side{grid-row:1;border:0}
  .main{position:fixed;inset:0;z-index:50;transform:translateX(-100%);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
  .shell.open .main{transform:none}
  .mhead .back{display:grid}
  .msgs{padding:12px 10px}
  .m{max-width:88%}
  .mact{display:none}
}

/* ================= v3: מדיה, בוטים, קישורים, תפריטים ================= */
/* רקעים בסגנון האפליקציות */
html[data-pf=wa] .main{--chatBg:#EFEAE2}
html[data-pf=wa] .main:before{opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23c9bfb1' stroke-width='1.3' opacity='.55'%3E%3Ccircle cx='24' cy='26' r='7'/%3E%3Cpath d='M92 18l9 9-9 9-9-9z'/%3E%3Cpath d='M18 104q12-12 24 0t24 0'/%3E%3Ccircle cx='128' cy='118' r='10'/%3E%3Cpath d='M76 90h16M84 82v16'/%3E%3Cpath d='M130 50c6-8 18-8 18 4 0 8-18 18-18 18s-18-10-18-18c0-12 12-12 18-4z'/%3E%3Crect x='40' y='138' width='18' height='12' rx='3'/%3E%3C/g%3E%3C/svg%3E");background-size:320px}
html[data-pf=tg] .main{--chatBg:#A3C38B}
html[data-pf=tg] .main:before{opacity:1;background:radial-gradient(60% 60% at 15% 20%,#D1E1A3 0%,transparent 70%),radial-gradient(50% 50% at 85% 25%,#8FBF9B 0%,transparent 70%),radial-gradient(60% 60% at 75% 85%,#5E9EB3 0%,transparent 70%),radial-gradient(55% 55% at 20% 85%,#A8C77F 0%,transparent 70%),linear-gradient(135deg,#B9D19A,#7FB0A6)}
html[data-pf=tg] .main:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M20 30l14-8 4 14z'/%3E%3Ccircle cx='86' cy='28' r='8'/%3E%3Cpath d='M30 92q10-14 20 0'/%3E%3Cpath d='M84 80l10 10M94 80l-10 10'/%3E%3Cpath d='M58 52c4-6 12-6 12 2 0 6-12 12-12 12s-12-6-12-12c0-8 8-8 12-2z'/%3E%3C/g%3E%3C/svg%3E");background-size:240px}
html[data-theme=dark] .main:after{display:none}
html[data-theme=dark][data-pf=tg] .main:before{background:radial-gradient(60% 60% at 20% 20%,#1B3A4B 0%,transparent 70%),radial-gradient(60% 60% at 80% 80%,#28233F 0%,transparent 70%),#0E1621}
html[data-theme=dark][data-pf=wa] .main{--chatBg:#0B141A}
html[data-theme=dark][data-pf=wa] .main:before{opacity:.06}
@media (prefers-color-scheme:dark){html:not([data-theme=light])[data-pf=tg] .main:before{background:radial-gradient(60% 60% at 20% 20%,#1B3A4B 0%,transparent 70%),radial-gradient(60% 60% at 80% 80%,#28233F 0%,transparent 70%),#0E1621}html:not([data-theme=light]) .main:after{display:none}html:not([data-theme=light])[data-pf=wa] .main{--chatBg:#0B141A}}
.msgs,.mhead,.cbar,.msearch{z-index:2}
/* בועות בסגנון טלגרם */
html[data-pf=tg] .bub{border-radius:16px;box-shadow:0 1px 2px rgba(16,35,47,.15)}
html[data-pf=tg] .m.in .bub{border-bottom-right-radius:5px;border-top-right-radius:16px}
html[data-pf=tg] .m.out .bub{border-bottom-left-radius:5px;border-top-left-radius:16px}
html[data-pf=tg] .m.in.cont .bub,html[data-pf=tg] .m.out.cont .bub{border-radius:16px}
html[data-pf=tg]:not([data-theme=dark]) .m.out .bub{background:#EFFDDE}
html[data-pf=tg] .meta .tk{color:#4FAE4E}
html[data-pf=tg] .day{background:rgba(0,0,0,.22);color:#fff;box-shadow:none;backdrop-filter:blur(6px)}
html[data-pf=tg] .svc{background:rgba(0,0,0,.22);color:#fff}
.bub.bare{background:transparent!important;box-shadow:none!important;padding:0}
.bub.bare .meta{background:rgba(0,0,0,.35);color:#fff;border-radius:9px;padding:1px 7px;margin-top:4px}
.bub.hasmedia{padding:4px 4px 6px}
.bub.hasmedia .txt,.bub.hasmedia .snd,.bub.hasmedia .quote,.bub.hasmedia .fwd{margin-left:7px;margin-right:7px}
.bub.monly .meta{position:absolute;bottom:10px;left:10px;margin:0;background:rgba(0,0,0,.45);color:#fff;border-radius:9px;padding:1px 7px;float:none}
.bub.monly .meta .tk{color:#fff}
.svc{align-self:center;margin:8px 0;background:color-mix(in srgb,var(--panel) 85%,transparent);color:var(--mute);font-size:13px;padding:5px 12px;border-radius:12px;max-width:80%;text-align:center}
/* מדיה */
.mbox{position:relative;display:block;width:min(360px,100%);max-height:440px;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--mute) 22%,transparent);cursor:zoom-in;min-height:90px}
.mbox:not([style*=aspect-ratio]){aspect-ratio:4/3}
.mbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mbox img.blur{filter:blur(12px);transform:scale(1.1)}
.mbox .play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;display:grid;place-items:center;font-size:22px;padding-left:4px;backdrop-filter:blur(4px);transition:transform .15s}
.mbox:hover .play{transform:scale(1.08)}
.mbox .dur,.mbox .msz{position:absolute;top:8px;background:rgba(0,0,0,.5);color:#fff;font-size:12px;border-radius:7px;padding:2px 7px;direction:ltr}
.mbox .dur{right:8px}.mbox .msz{left:8px}
.mbox.round{width:220px;height:220px;border-radius:50%;aspect-ratio:1}
.album{display:grid;gap:3px;width:min(380px,100%);border-radius:12px;overflow:hidden}
.album.n2{grid-template-columns:1fr 1fr}.album.n3{grid-template-columns:1fr 1fr}.album.n3 .mbox:first-child{grid-column:span 2}.album.n4{grid-template-columns:1fr 1fr}
.album .mbox{width:100%;border-radius:0;aspect-ratio:1!important;max-height:none;min-height:0}
.mstk{width:170px;height:170px;object-fit:contain;display:block}
.astk{font-size:96px;line-height:1.1}
.aud{display:flex;align-items:center;gap:10px;min-width:250px;padding:4px 2px}
.ap{width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font-size:15px;flex:none;display:grid;place-items:center}
.ai{flex:1;min-width:0}.ai b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abar{height:4px;border-radius:4px;background:color-mix(in srgb,var(--mute) 25%,transparent);margin:6px 0 3px;overflow:hidden}.abar i{display:block;height:100%;width:0;background:var(--acc);transition:width .2s linear}
.ai small{color:var(--mute);font-size:12px;direction:ltr;display:inline-block}
.doc .dth{width:44px;height:44px;border-radius:8px;object-fit:cover;flex:none}
.doc .dm{min-width:0}
.loc{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--acc) 9%,transparent);text-decoration:none;color:var(--ink);min-width:220px}
.loc small{color:var(--mute);direction:ltr}
.poll{min-width:260px;display:flex;flex-direction:column;gap:6px;padding:4px 2px}
.poll small{color:var(--mute);font-size:12.5px}
.po{position:relative;overflow:hidden;border:1.5px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 12px;text-align:right;display:flex;gap:8px;align-items:center}
.po:not([disabled]):hover{border-color:var(--acc)}
.po .pb{position:absolute;inset:0 auto 0 0;right:auto;background:color-mix(in srgb,var(--acc) 16%,transparent);transition:width .4s}
.po .pt{position:relative;flex:1}.po .pp{position:relative;font-weight:700;color:var(--acc);font-size:13px}
.po.ch{border-color:var(--acc)}
/* טקסט */
.txt code{font-family:ui-monospace,Consolas,monospace;font-size:13.5px;background:color-mix(in srgb,var(--mute) 14%,transparent);padding:1px 5px;border-radius:5px;direction:ltr;unicode-bidi:isolate}
.txt pre{background:color-mix(in srgb,var(--mute) 12%,transparent);padding:8px 10px;border-radius:8px;overflow-x:auto;direction:ltr;text-align:left;margin:4px 0;white-space:pre}
.txt pre code{background:none;padding:0}
.txt blockquote{margin:4px 0;padding:3px 10px;border-right:3px solid var(--acc);background:color-mix(in srgb,var(--acc) 7%,transparent);border-radius:6px}
.spoiler{background:var(--mute);color:transparent;border-radius:4px;cursor:pointer;transition:all .2s}.spoiler.open{background:transparent;color:inherit}
.spoiler a{color:transparent}.spoiler.open a{color:var(--acc)}
/* תצוגה מקדימה לקישור */
.web{display:flex;gap:10px;align-items:flex-start;margin:6px 0 2px;padding:7px 10px;border-right:3px solid var(--acc);border-radius:8px;background:color-mix(in srgb,var(--acc) 8%,transparent);text-decoration:none;color:var(--ink);max-width:380px}
.web .wt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.web em{font-style:normal;color:var(--acc);font-weight:700;font-size:13px}
.web b{font-weight:700}.web span span,.web .wt>span{color:var(--mute);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.web .wimg{width:64px;height:64px;border-radius:8px;object-fit:cover;flex:none}
.web.wb{flex-direction:column}.web .wimg.big{width:100%;height:auto;max-height:220px;border-radius:8px}
/* כפתורי בוט */
.kb{display:flex;flex-direction:column;gap:4px;margin-top:4px;width:100%;max-width:min(420px,100%)}
.m.out .kb{align-self:flex-end}
.m{flex-direction:column}.m.in{align-items:flex-start}.m.out{align-items:flex-end}
.kr{display:flex;gap:4px}
.kbtn{flex:1;min-width:0;border:0;border-radius:10px;padding:9px 10px;background:color-mix(in srgb,#0F1A2A 32%,transparent);color:#fff;font-weight:600;font-size:14px;backdrop-filter:blur(6px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s}
.kbtn:hover{background:color-mix(in srgb,#0F1A2A 48%,transparent)}.kbtn.busy{opacity:.55}
.rkb{display:flex;flex-direction:column;gap:5px;padding:4px 0 2px;position:relative}
.rkb .kbtn{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.1);backdrop-filter:none}
.rkx{position:absolute;top:-8px;left:-4px;width:24px;height:24px;border-radius:50%;border:0;background:var(--panel);box-shadow:0 1px 3px rgba(0,0,0,.2);color:var(--mute);z-index:2}
.cmds{display:flex;flex-direction:column;max-height:240px;overflow:auto;background:var(--panel);border-radius:12px;box-shadow:var(--shadow)}
.cmds button{border:0;background:none;text-align:right;padding:9px 14px;display:flex;gap:12px;align-items:baseline;border-bottom:1px solid var(--line)}
.cmds button:hover{background:var(--panel2)}.cmds b{color:var(--acc)}.cmds span{color:var(--mute);font-size:13.5px}
#botm{font-weight:800;font-size:19px;color:var(--acc)}
.botwel{margin:auto;text-align:center;background:var(--panel);border-radius:20px;padding:26px 30px;max-width:380px;box-shadow:var(--shadow)}
.botwel .av{width:84px;height:84px;font-size:40px;margin:0 auto 10px}
.botwel h3{margin:0 0 6px}.botwel p{color:var(--mute);white-space:pre-wrap;line-height:1.55}
/* ריאקציות, עריכה */
.rx{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;clear:both}
.rc{border:0;border-radius:99px;padding:2px 9px;font-size:14px;background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--ink)}
.rc.mine{background:var(--acc);color:#fff}
.meta .ed{margin-left:5px;font-style:italic}
.snd small{font-weight:400;color:var(--mute)}
/* תפריט הודעה */
.mact{opacity:0;position:absolute;top:4px;left:4px!important;right:auto!important;width:24px;height:24px;border-radius:50%;border:0;background:color-mix(in srgb,var(--panel) 90%,transparent);box-shadow:0 1px 4px rgba(0,0,0,.15);color:var(--mute);font-size:13px;line-height:1;transition:opacity .15s;z-index:3}
.bub:hover .mact{opacity:1}
@media(max-width:900px){.mact{display:block!important;opacity:.7}}
.menu{position:fixed;z-index:400;min-width:200px;background:var(--panel);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.28);padding:6px;display:flex;flex-direction:column;animation:pop .12s}
.menu>button{border:0;background:none;text-align:right;padding:9px 12px;border-radius:9px;font-size:14.5px}
.menu>button:hover{background:var(--panel2)}.menu .dang{color:var(--danger)}
.emj{display:flex;gap:2px;padding:2px 2px 6px;border-bottom:1px solid var(--line);margin-bottom:4px}
.emj button{border:0;background:none;font-size:22px;padding:3px 4px;border-radius:9px;transition:transform .12s}.emj button:hover{transform:scale(1.25);background:var(--panel2)}
.flist{max-height:55vh;overflow:auto}
/* מיקרופון */
.send.rec{font-size:20px}.send.on{background:var(--danger);animation:pulse 1s infinite}
/* צפייה במסך מלא */
.lb{display:flex;align-items:center;justify-content:center}
.lbc{flex:1;height:100%;display:grid;place-items:center}
.lbc img,.lbc video{max-width:92vw;max-height:88vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lbn,.lbx{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;width:48px;height:48px;font-size:28px;z-index:2}
.lbn:hover,.lbx:hover{background:rgba(255,255,255,.25)}
.lbn.prev{right:18px}.lbn.next{left:18px}.lbx{top:16px;right:16px;font-size:20px}
.lbd{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;background:rgba(255,255,255,.14);padding:8px 16px;border-radius:99px;text-decoration:none;font-weight:600}
html[data-pf=tg] .main:after{opacity:.07;background-size:180px}
.album .msz{display:none}.album .play{width:42px;height:42px;font-size:17px}
.txt{unicode-bidi:plaintext}