/* تپ امداد — نسخهٔ وب، بازسازی دقیق طراحی Jetpack Compose اپ اندروید (حالت روشن) */
@font-face{font-family:"SF Arabic";src:url(/fonts/SFArabic.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Regular.woff2) format("woff2");font-weight:100 500;font-display:swap}
@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Bold.woff2) format("woff2");font-weight:600 900;font-display:swap}
@font-face{font-family:Sahel;src:url(/fonts/Sahel.woff2) format("woff2");font-weight:100 500;font-display:swap}
@font-face{font-family:Sahel;src:url(/fonts/Sahel-Bold.woff2) format("woff2");font-weight:600 900;font-display:swap}
@font-face{font-family:Samim;src:url(/fonts/Samim.woff2) format("woff2");font-weight:100 500;font-display:swap}
@font-face{font-family:Samim;src:url(/fonts/Samim-Bold.woff2) format("woff2");font-weight:600 900;font-display:swap}
@font-face{font-family:Shabnam;src:url(/fonts/Shabnam.woff2) format("woff2");font-weight:100 500;font-display:swap}
@font-face{font-family:Shabnam;src:url(/fonts/Shabnam-Bold.woff2) format("woff2");font-weight:600 900;font-display:swap}
:root{
 --p:#FF3B5C;--s:#7C3AED;--t:#EC4899;--bg:#F8FAFC;
 --text:#0F172A;--sub:#64748B;--faint:#94A3B8;--line:#E6EAF2;--field:#F6F8FC;
 --danger:#E11D48;--ok:#22C55E;--warn:#FF9800;
 --font:"SF Arabic",Vazirmatn,Tahoma,sans-serif;
 --safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);
 color-scheme:light;
}
html.f-vazirmatn{--font:Vazirmatn,Tahoma,sans-serif}
html.f-sahel{--font:Sahel,Vazirmatn,Tahoma,sans-serif}
html.f-samim{--font:Samim,Vazirmatn,Tahoma,sans-serif}
html.f-shabnam{--font:Shabnam,Vazirmatn,Tahoma,sans-serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%}
body{font-family:var(--font);font-weight:700;color:var(--text);background:var(--bg);direction:rtl;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;padding:0}
img{display:block;max-width:100%}
a{color:inherit}
.hide{display:none!important}
.ic{width:24px;height:24px;fill:currentColor;flex:none;display:inline-block;vertical-align:middle}
/* ---------- AppBackdrop ---------- */
.backdrop{position:fixed;inset:0;z-index:-1;background:var(--bg);overflow:hidden;pointer-events:none}
.backdrop i{position:absolute;border-radius:50%;filter:blur(2px)}
.backdrop i:nth-child(1){width:115vmax;height:115vmax;top:-55vmax;right:-45vmax;background:radial-gradient(closest-side,color-mix(in srgb,var(--p) 16%,transparent),transparent);animation:drift1 14s ease-in-out infinite alternate}
.backdrop i:nth-child(2){width:100vmax;height:100vmax;bottom:-50vmax;left:-45vmax;background:radial-gradient(closest-side,color-mix(in srgb,var(--s) 13%,transparent),transparent);animation:drift2 18s ease-in-out infinite alternate}
.backdrop i:nth-child(3){width:70vmax;height:70vmax;top:30%;left:20%;background:radial-gradient(closest-side,color-mix(in srgb,var(--t) 8%,transparent),transparent);animation:drift1 22s ease-in-out infinite alternate-reverse}
@keyframes drift1{to{transform:translate(-6vmax,5vmax)}}
@keyframes drift2{to{transform:translate(6vmax,-5vmax)}}
/* ---------- قاب گوشی ---------- */
#view{max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column}
@media(min-width:700px){#view{box-shadow:0 0 0 1px var(--line),0 30px 80px -30px color-mix(in srgb,var(--p) 30%,transparent);background:color-mix(in srgb,var(--bg) 70%,transparent)}}
.body{padding:20px 16px calc(34px + var(--safe-b));display:flex;flex-direction:column;gap:14px;flex:1}
.body.tight{gap:12px}
/* ---------- ScreenHeader ---------- */
.hdr{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--hc1,var(--p)),var(--hc2,var(--s)));border-radius:0 0 34px 34px;padding:calc(12px + var(--safe-t)) 16px 24px 20px;box-shadow:0 10px 24px -8px color-mix(in srgb,var(--hc1,var(--p)) 55%,transparent);display:flex;align-items:center;gap:12px;flex:none;z-index:1}
.hdr::before,.hdr::after,.hdr .c3{content:"";position:absolute;border-radius:50%;background:#fff;pointer-events:none}
.hdr::before{width:220px;height:220px;top:-120px;left:-40px;opacity:.10}
.hdr::after{width:150px;height:150px;bottom:-90px;right:22%;opacity:.07}
.hdr .c3{width:46px;height:46px;top:14px;left:38%;opacity:.08}
.hdr .tt{position:relative;flex:1;min-width:0}
.hdr h1{margin:0;font-size:21px;font-weight:800;line-height:1.45}
.hdr p{margin:2px 0 0;font-size:13.5px;font-weight:700;opacity:.9;line-height:1.6}
.gbtn{position:relative;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;color:#fff;flex:none;transition:transform .15s}
.gbtn:active{transform:scale(.9)}
.gbtn .ic{width:22px;height:22px}
/* ---------- AppCard ---------- */
.card{--a:var(--p);position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--a) 22%,transparent),0 1px 2px rgba(15,23,42,.04);overflow:hidden}
.card.pad{padding:20px}
.card.r28{border-radius:28px}
button.card,a.card,.press{transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;text-align:right;display:block;width:100%;text-decoration:none}
button.card:active,a.card:active,.press:active{transform:scale(.94)}
@media(pointer:fine){button.card:hover{box-shadow:0 14px 28px -10px color-mix(in srgb,var(--a) 35%,transparent),0 1px 2px rgba(15,23,42,.04)}}
/* ---------- IconBadge ---------- */
.badge{--c:var(--p);--z:56px;width:var(--z);height:var(--z);border-radius:34%;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 22%,transparent),color-mix(in srgb,var(--c) 8%,transparent));border:1px solid color-mix(in srgb,var(--c) 20%,transparent);color:var(--c);overflow:hidden}
.badge img{border-radius:50%;object-fit:cover}
/* ---------- TileCard ---------- */
.tile{--a:var(--c);display:flex!important;align-items:center;gap:14px;padding:16px;background:linear-gradient(90deg,#fff,color-mix(in srgb,var(--c) 7%,#fff))}
.tile .tx{flex:1;min-width:0}
.tile b{display:block;font-size:17px;font-weight:800;color:var(--text);line-height:1.5}
.tile small{display:block;font-size:13px;font-weight:700;color:var(--sub);margin-top:2px;line-height:1.6}
.chev{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--c);flex:none}
.chev .ic{width:22px;height:22px}
/* ---------- SectionTitle / SoftTag ---------- */
.stitle{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;margin:4px 4px 0}
.stitle::before{content:"";width:5px;height:20px;border-radius:4px;background:linear-gradient(var(--p),var(--s))}
.tag{--c:var(--p);display:inline-flex;align-items:center;border-radius:99px;background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--c);font-size:11.5px;font-weight:800;padding:4px 10px;white-space:nowrap;line-height:1.4}
/* ---------- AppButton ---------- */
.btn{--c:var(--p);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:12px 18px;border-radius:20px;color:#fff;font-size:16px;font-weight:800;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 90%,#fff),color-mix(in srgb,var(--c) 78%,#000));box-shadow:0 8px 18px -6px color-mix(in srgb,var(--c) 60%,transparent);transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .2s;text-decoration:none}
.btn::after{content:"";position:absolute;top:0;bottom:0;width:45%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.26),transparent);animation:sheen 2.8s linear infinite}
@keyframes sheen{to{left:130%}}
.btn:active{transform:scale(.95)}
.btn:disabled{background:linear-gradient(135deg,#CBD5E1,#B4C0D0);box-shadow:none;cursor:not-allowed}
.btn:disabled::after{display:none}
.btn.h60{min-height:60px;font-size:17px}
.btn.obtn{color:var(--c);background:color-mix(in srgb,var(--c) 6%,#fff);border:1.6px solid color-mix(in srgb,var(--c) 75%,transparent);box-shadow:none}
.btn.obtn::after{display:none}
.btn.obtn:disabled{color:var(--faint);border-color:var(--line);background:var(--field)}
.btn.sm{min-height:40px;font-size:14px;padding:8px 14px;border-radius:16px;width:auto}
.btn.danger{--c:var(--danger)}
.link{display:block;width:100%;text-align:center;font-size:14px;font-weight:800;padding:10px;color:var(--s);text-decoration:none}
.link.red{color:var(--danger)}
/* ---------- فیلدها (OutlinedTextField) ---------- */
.fld{position:relative;display:block}
.fld input,.fld textarea{width:100%;border-radius:18px;border:1px solid var(--line);background:var(--field);padding:22px 16px 8px;font-size:15.5px;font-weight:700;color:var(--text);outline:none;transition:border-color .2s,background .2s,box-shadow .2s;min-height:58px}
.fld textarea{min-height:110px;resize:vertical;line-height:1.8}
.fld input:focus,.fld textarea:focus{background:#fff;border:2px solid var(--fc,var(--p));padding:21px 15px 7px}
.fld span{position:absolute;right:16px;top:18px;font-size:15px;font-weight:700;color:var(--sub);pointer-events:none;transition:all .15s;transform-origin:right}
.fld input:focus+span,.fld input:not(:placeholder-shown)+span,.fld textarea:focus+span,.fld textarea:not(:placeholder-shown)+span{top:6px;font-size:11.5px;color:var(--fc,var(--p))}
.fld input:not(:focus):not(:placeholder-shown)+span,.fld textarea:not(:focus):not(:placeholder-shown)+span{color:var(--sub)}
.fld input[dir=ltr]{text-align:right}
.fld input::placeholder,.fld textarea::placeholder{color:transparent}
.row{display:flex;gap:10px;align-items:center}
.row>*{flex:1;min-width:0}
.row>.none{flex:none}
.err{border-radius:16px;background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 22%,transparent);padding:14px;color:var(--danger);font-weight:800;font-size:14px;line-height:1.6}
.err:empty{display:none}
.lbl{font-size:14px;font-weight:800;color:var(--sub);margin:4px 2px -4px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{--c:var(--p);border-radius:12px;padding:8px 14px;font-size:14px;font-weight:800;border:1px solid var(--line);background:#fff;color:var(--sub);display:inline-flex;gap:6px;align-items:center;transition:all .15s}
.chip .ic{width:18px;height:18px}
.chip.on{background:color-mix(in srgb,var(--c) 12%,#fff);border-color:color-mix(in srgb,var(--c) 45%,transparent);color:var(--c)}
.muted{color:var(--sub)}
.center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
/* ---------- انیمیشن ورود (Modifier.enter) ---------- */
.en{opacity:0;transform:translateY(70px) scale(.9)}
.en.in{opacity:1;transform:none;transition:opacity .5s ease calc(var(--i,0)*70ms),transform .55s cubic-bezier(.34,1.3,.64,1) calc(var(--i,0)*70ms)}
@media(prefers-reduced-motion:reduce){.en{opacity:1;transform:none}.btn::after,.backdrop i{animation:none}}
.screen{animation:scr .42s cubic-bezier(.2,.8,.2,1)}
@keyframes scr{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
/* ---------- PulseDot / Loader / Rings ---------- */
.pdot{--c:#fff;--z:10px;position:relative;width:var(--z);height:var(--z);border-radius:50%;background:var(--c);flex:none;margin:0 5px}
.pdot::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--c);animation:pd 1.3s linear infinite}
@keyframes pd{from{transform:scale(1);opacity:.45}to{transform:scale(3.9);opacity:0}}
.loader{--c:var(--p);width:48px;height:48px;border-radius:50%;border:5px solid color-mix(in srgb,var(--c) 14%,transparent);border-top-color:var(--c);animation:rot 1s linear infinite;margin:24px auto;background:color-mix(in srgb,var(--c) 6%,transparent)}
@keyframes rot{to{transform:rotate(360deg)}}
.rings{position:relative;display:grid;place-items:center}
.rings>i{position:absolute;inset:0;border-radius:50%;border:3px solid var(--rc,#fff);opacity:0;animation:ring 2.8s linear infinite}
.rings>i:nth-child(2){animation-delay:-.93s}.rings>i:nth-child(3){animation-delay:-1.86s}
@keyframes ring{from{transform:scale(.55);opacity:.5}to{transform:scale(1);opacity:0}}
.bob{animation:bob 2.6s ease-in-out infinite alternate}
@keyframes bob{from{transform:translateY(-8px)}to{transform:translateY(8px)}}
/* ---------- Splash ---------- */
.splash{position:fixed;inset:0;background:#fff;display:grid;place-items:center;z-index:50;transition:opacity .35s}
.splash video{width:100%;height:100%;object-fit:contain}
.splash.out{opacity:0;pointer-events:none}
/* ---------- Role ---------- */
.role{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.role .top{flex:1.2;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--p),var(--s));border-radius:0 0 52px 52px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(30px + var(--safe-t)) 20px 30px;box-shadow:0 16px 36px -12px color-mix(in srgb,var(--p) 55%,transparent)}
.role .top::before,.role .top::after{content:"";position:absolute;border-radius:50%;background:#fff}
.role .top::before{width:340px;height:340px;top:-170px;right:-120px;opacity:.10}
.role .top::after{width:240px;height:240px;bottom:-140px;left:-80px;opacity:.07}
.role h1{margin:6px 0 0;font-size:36px;font-weight:800}
.role .top p{margin:4px 0 0;font-size:15px;opacity:.92}
.role .bot{flex:.8;padding:26px 26px calc(26px + var(--safe-b));display:flex;flex-direction:column;justify-content:center;gap:14px}
.logo-c{width:124px;height:124px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -8px rgba(0,0,0,.35);position:relative}
.logo-c img{width:112px;height:112px;border-radius:50%;object-fit:cover}
/* ---------- Home ---------- */
.hhdr{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--p),var(--s));border-radius:0 0 38px 38px;padding:calc(10px + var(--safe-t)) 16px 22px;box-shadow:0 12px 28px -10px color-mix(in srgb,var(--p) 60%,transparent);flex:none}
.hhdr>i{position:absolute;border-radius:50%;background:#fff;pointer-events:none}
.hhdr>i:nth-child(1){width:300px;height:300px;top:-150px;left:-60px;opacity:.10;animation:drift1 8s ease-in-out infinite alternate}
.hhdr>i:nth-child(2){width:200px;height:200px;bottom:-110px;right:-30px;opacity:.07;animation:drift2 8s ease-in-out infinite alternate}
.hhdr>i:nth-child(3){width:50px;height:50px;top:25%;left:50%;opacity:.09;animation:bob 8s ease-in-out infinite alternate}
.hhdr .bar{position:relative;display:flex;align-items:center;justify-content:space-between}
.hhdr .lg{width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.hhdr .lg img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.hhdr .hi{position:relative;padding:14px 6px 0}
.hhdr .hi small{display:block;font-size:15px;opacity:.92}
.hhdr .hi h1{margin:2px 0 0;font-size:32px;font-weight:800;line-height:1.4}
.hhdr .hi p{margin:0;font-size:14px;opacity:.9}
.pill{position:relative;margin-top:16px;display:flex;align-items:center;gap:4px;border-radius:18px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);padding:8px 12px;font-size:13px;font-weight:800}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid2>.span{grid-column:1/-1}
.hero{--c:#DC2626;position:relative;overflow:hidden;height:158px;border-radius:30px;color:#fff;display:flex!important;align-items:center;padding:0 22px;gap:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 92%,#fff),color-mix(in srgb,var(--c) 68%,#000));box-shadow:0 14px 30px -10px color-mix(in srgb,var(--c) 65%,transparent)}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;background:#fff}
.hero::before{width:350px;height:350px;right:-150px;top:-140px;opacity:.09}
.hero::after{width:190px;height:190px;left:5%;bottom:-120px;opacity:.06}
.hero .tx{flex:1;position:relative;text-align:right}
.hero .tx span{display:inline-block;border-radius:99px;background:rgba(255,255,255,.22);padding:4px 12px;font-size:12px;font-weight:800}
.hero .tx b{display:block;font-size:24px;font-weight:800;margin-top:10px;line-height:1.35}
.hero .tx small{display:block;font-size:13px;opacity:.9;margin-top:4px}
.hero .rings{width:118px;height:118px;flex:none}
.wcirc{width:76px;height:76px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(0,0,0,.25);position:relative;overflow:hidden}
.wcirc img{width:60px;height:60px;border-radius:50%;object-fit:cover}
.org{--a:var(--c);height:150px;border-radius:26px!important;padding:14px;display:flex!important;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--c) 16%,transparent),transparent 70%),#fff}
.org .t{display:flex;justify-content:space-between;align-items:center}
.org b{font-size:15px;font-weight:800;line-height:1.45;color:var(--text)}
.orgimg{border-radius:50%;object-fit:cover}
/* ---------- Drawer ---------- */
.drawer{position:fixed;inset:0;z-index:40;background:rgba(15,23,42,.38);animation:fade .2s}
.drawer .pan{position:absolute;top:0;bottom:0;right:0;width:310px;max-width:86vw;background:#fff;border-radius:32px 0 0 32px;display:flex;flex-direction:column;animation:slide .28s cubic-bezier(.2,.8,.2,1);overflow:auto;padding-bottom:calc(16px + var(--safe-b))}
@media(min-width:700px){.drawer .pan{right:calc(50% - 260px)}}
@keyframes slide{from{transform:translateX(100%)}}
@keyframes fade{from{opacity:0}}
.dh{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--p),var(--s));border-radius:0 0 30px 30px;padding:calc(22px + var(--safe-t)) 22px 26px;margin-bottom:14px}
.dh::before,.dh::after{content:"";position:absolute;border-radius:50%;background:#fff}
.dh::before{width:300px;height:300px;top:-180px;left:-120px;opacity:.10}.dh::after{width:160px;height:160px;bottom:-80px;right:-80px;opacity:.07}
.dav{position:relative;width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.25);border:2px solid rgba(255,255,255,.7);display:grid;place-items:center;font-size:28px;font-weight:800;overflow:hidden}
.dav img{width:100%;height:100%;object-fit:cover}
.dh b{position:relative;display:block;font-size:22px;font-weight:800;margin-top:14px}
.dh small{position:relative;display:block;font-size:14px;opacity:.92;margin-top:3px}
.di{--c:var(--p);display:flex;align-items:center;gap:14px;margin:3px 14px;padding:13px 14px;border-radius:18px;background:color-mix(in srgb,var(--c) 7%,transparent);font-size:15px;font-weight:800;color:var(--text);text-align:right;transition:transform .2s}
.di:active{transform:scale(.95)}
.di .bx{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c)}
.di .bx .ic{width:22px;height:22px}
.di.dang{color:var(--danger)}
.grow{flex:1}
/* ---------- دیالوگ ---------- */
#modal{position:fixed;inset:0;z-index:60;background:rgba(15,23,42,.45);display:grid;place-items:center;padding:20px;animation:fade .2s}
.mbox{background:#fff;border-radius:28px;padding:24px;width:100%;max-width:400px;box-shadow:0 30px 60px -20px rgba(15,23,42,.4);animation:pop .3s cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow:auto}
@keyframes pop{from{transform:scale(.85);opacity:0}}
.mbox h2{margin:12px 0 6px;font-size:19px;font-weight:800;text-align:center}
.mbox p{margin:0 0 16px;font-size:14px;color:var(--sub);line-height:1.9;text-align:center}
.mbox .badge{margin:0 auto}
.mbox .acts{display:flex;flex-direction:column;gap:10px}
/* ---------- Toast ---------- */
#toast{position:fixed;bottom:calc(24px + var(--safe-b));left:50%;transform:translate(-50%,30px);background:#1E293B;color:#fff;border-radius:16px;padding:12px 18px;font-size:14px;font-weight:700;opacity:0;pointer-events:none;transition:all .3s;z-index:70;max-width:90vw;text-align:center}
#toast.show{opacity:1;transform:translate(-50%,0)}
/* ---------- حادثه ---------- */
.inc{--a:var(--c);border-radius:22px!important;padding:12px;display:flex!important;flex-direction:column;gap:8px;min-height:96px;transition:transform .2s,background .2s,border-color .2s}
.inc .t{display:flex;justify-content:space-between;align-items:center;min-height:24px}
.inc .t .ic{color:var(--faint)}
.inc b{font-size:15px;font-weight:800;line-height:1.55}
.inc small{display:block;font-size:12.5px;color:var(--sub);font-weight:700}
.inc.sel{background:color-mix(in srgb,var(--c) 11%,#fff);border:2.5px solid var(--c)}
.inc.sel .t .ic{color:var(--c)}
.stick{position:sticky;bottom:0;padding:12px 16px calc(12px + var(--safe-b));background:linear-gradient(transparent,var(--bg) 30%);z-index:2;margin-top:auto}
.live{display:flex;align-items:center;gap:10px;padding:14px 16px}
.live b{font-size:14.5px;font-weight:800;display:block}
.live small{font-size:12.5px;color:var(--sub);display:block;margin-top:2px;line-height:1.6}
/* ---------- چت / تریاژ ---------- */
.chat{display:flex;flex-direction:column;height:100vh;height:100dvh}
.chat .hdr{border-radius:0 0 30px 30px}
.chat .hdr h1{font-size:17px}
.chat .hdr p{display:flex;align-items:center;gap:4px;font-size:12.5px}
.endb{position:relative;flex:none;border-radius:99px;background:#fff;color:var(--danger);font-size:12.5px;font-weight:800;padding:8px 14px;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.m{max-width:80%;padding:10px 14px 6px;border-radius:20px;font-size:15px;font-weight:700;line-height:1.75;white-space:pre-wrap;word-break:break-word;animation:pop .25s ease}
.m.me{align-self:flex-end;color:#fff;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));border-bottom-left-radius:5px}
.m.them{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-right-radius:5px;color:var(--text)}
.m.sys{align-self:center;background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--sub);font-size:13px;text-align:center;max-width:92%}
.m .who{display:block;font-size:12px;font-weight:800;color:var(--c);margin-bottom:2px}
.m small{display:block;font-size:11px;opacity:.7;text-align:left;margin-top:2px;direction:ltr}
.comp{display:flex;gap:10px;align-items:flex-end;padding:10px 12px calc(10px + var(--safe-b))}
.comp .inp{flex:1;background:#fff;border:1px solid var(--line);border-radius:28px;padding:14px 18px;font-size:15px;font-weight:700;outline:none;resize:none;max-height:140px;min-height:56px;line-height:1.6;box-shadow:0 4px 14px -6px rgba(15,23,42,.12)}
.comp .inp:focus{border-color:var(--c)}
.sendc{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));box-shadow:0 8px 18px -6px color-mix(in srgb,var(--c) 60%,transparent);flex:none;transition:transform .2s,background .2s}
.sendc.off{background:#CBD5E1;box-shadow:none}

.sendc:active{transform:scale(.9)}
.endnote{margin:10px 12px calc(10px + var(--safe-b))}
.prog{height:8px;border-radius:8px;background:color-mix(in srgb,var(--c) 14%,#fff);overflow:hidden;margin:14px 16px 0}
.prog i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));transition:width .4s}
.tpanel{background:#fff;border-radius:28px 28px 0 0;padding:16px 16px calc(16px + var(--safe-b));box-shadow:0 -10px 30px -12px rgba(15,23,42,.18);display:flex;flex-direction:column;gap:10px}
.tpanel .row{align-items:center}
/* ---------- ارسال ---------- */
.sending{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px 24px;text-align:center}
.sending .rings{width:230px;height:230px}
.sending .rings .wcirc{width:96px;height:96px}
.sending .rings .wcirc img{width:76px;height:76px}
.sending h2{font-size:18px;font-weight:800;margin:6px 0 0}
/* ---------- تنظیمات ---------- */
.fonts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fonts .chip{justify-content:center;padding:10px 6px;font-size:14px}
.themes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.thc{border-radius:22px;padding:14px;border:1.5px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;transition:transform .2s;background:var(--tb)}
.thc:active{transform:scale(.95)}
.thc.on{border:2.5px solid var(--tp)}
.thc .sw{width:66px;height:66px;border-radius:50%;background:linear-gradient(135deg,var(--tp),var(--ts));box-shadow:0 8px 18px -6px var(--tp)}
.thc .dots{display:flex;gap:4px}.thc .dots i{width:10px;height:10px;border-radius:50%}
.thc b{font-size:14px;font-weight:800}
.thc small{font-size:11.5px;color:var(--sub)}
.thc.on small{color:var(--tp)}
.thc .ck{position:absolute;top:10px;left:10px;width:24px;height:24px;border-radius:50%;background:var(--tp);color:#fff;display:grid;place-items:center}
.thc .ck .ic{width:16px;height:16px}
.prow{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;gap:10px}
.prow:last-child{border-bottom:0}
.prow span{color:var(--sub)}
.h2{font-size:16px;font-weight:800;margin:0 0 12px}
/* ---------- محتوا ---------- */
.content{font-size:15px;line-height:2.05;font-weight:700;color:#334155}
.content p{margin:0 0 10px}
.vbox{background:#000;border-radius:22px;overflow:hidden;aspect-ratio:16/9}
.vbox video{width:100%;height:100%;display:block}
.post h3{font-size:18px;font-weight:800;margin:0 0 4px}
.post .dt{font-size:12px;color:var(--faint);margin-bottom:10px}
.hist{display:flex!important;align-items:center;gap:12px;padding:14px}
.hist .tx{flex:1;min-width:0;text-align:right}
.hist b{display:block;font-size:15px;font-weight:800;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hist .meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;color:var(--faint)}
.icbtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);flex:none}
.sub{--a:var(--c);display:flex!important;align-items:center;gap:14px;border-radius:22px!important;padding:20px}
.sub .dot{width:12px;height:12px;border-radius:50%;background:var(--c);flex:none}
.sub b{flex:1;font-size:16px;font-weight:800}
.halo .rings{width:200px;height:200px}
.halo .badge{--z:124px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 22%,#fff),color-mix(in srgb,var(--c) 8%,#fff))}
.gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px 24px;text-align:center}
.gate h2{font-size:21px;font-weight:800;margin:10px 0 0}
.gate p{font-size:15px;color:var(--sub);line-height:1.9;margin:0 0 10px}
.avp{width:110px;height:110px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:color-mix(in srgb,var(--p) 10%,#fff);border:2px dashed color-mix(in srgb,var(--p) 45%,transparent);color:var(--p);overflow:hidden;cursor:pointer}
.avp img{width:100%;height:100%;object-fit:cover}
.avp .ic{width:40px;height:40px}
.pdot.still::before{animation:none;opacity:0}

/* round 4: نوار موقعیت زنده و بنر ارگان */
.locst{margin-bottom:12px;border-inline-start:4px solid var(--a,#FF9800);font-size:14px;font-weight:800}
.locst svg{flex:none}
.obanner{border-radius:18px;overflow:hidden;margin-bottom:12px;aspect-ratio:2.15;background:#0001}
.obanner img{width:100%;height:100%;object-fit:cover;display:block}
.lockhint{display:flex;align-items:center;gap:8px;margin:10px 12px 0;padding:9px 12px;border-radius:14px;background:#FFF1F2;border:1px solid #FECDD3;color:#BE123C;font-size:13px;font-weight:800;line-height:1.7}
.lockhint svg{flex:none}
.lockhint.shake{animation:lkshake .45s}
@keyframes lkshake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
@media (prefers-reduced-motion:reduce){.lockhint.shake{animation:none}}
/* دور ششم: وضعیت موقعیت، انتخاب روی نقشه، دکمهٔ پرسش و راهنمایی، برچسب پیام خودکار */
.locst{display:block}
.locst .lrow{display:flex;align-items:center;gap:10px}
.locst .lhint{display:block;font-size:12.5px;font-weight:600;color:var(--sub);margin:6px 30px 0 0;line-height:1.7}
.locst .lacts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 30px 0 0}
.lbtn{display:inline-flex;align-items:center;gap:6px;border:1.5px solid color-mix(in srgb,var(--c) 45%,#fff);background:color-mix(in srgb,var(--c) 8%,#fff);color:var(--c);border-radius:14px;padding:8px 12px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.lbtn:hover{background:color-mix(in srgb,var(--c) 14%,#fff)}
.mpick{position:relative;direction:ltr;height:min(52vh,340px);border-radius:18px;overflow:hidden;background:#E2E8F0;border:1px solid var(--line);touch-action:none;cursor:grab;user-select:none}
.mpick:active{cursor:grabbing}
.mtiles img{position:absolute;width:256px;height:256px;max-width:none;pointer-events:none}
.mpin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);color:#E11D48;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.mz{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px}
.mz button{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--text);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.mattr{position:absolute;left:6px;bottom:4px;font-size:10.5px;background:rgba(255,255,255,.8);padding:1px 6px;border-radius:6px;color:#334155}
.mcoord{font-size:12.5px;color:var(--sub);margin-top:6px;text-align:center}
.qguide{display:flex;justify-content:center;padding:14px 0 6px}
.qgb{--g:#0D9488;width:100%;max-width:520px;display:flex;align-items:center;gap:14px;text-align:right;padding:18px;border-radius:24px;border:2px solid color-mix(in srgb,var(--g) 35%,#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--g) 7%,#fff),#fff);color:var(--text);font:inherit;cursor:pointer;box-shadow:0 10px 24px -12px color-mix(in srgb,var(--g) 55%,transparent);transition:transform .15s,box-shadow .15s}
.qgb:hover{transform:translateY(-2px);box-shadow:0 14px 28px -12px color-mix(in srgb,var(--g) 60%,transparent)}
.qgb:focus-visible{outline:3px solid color-mix(in srgb,var(--g) 50%,#fff);outline-offset:2px}
.qgi{flex:none;width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:color-mix(in srgb,var(--g) 14%,#fff);color:var(--g)}
.qgt{flex:1;min-width:0}.qgt b{display:block;font-size:19px;font-weight:900;color:var(--g)}.qgt small{display:block;font-size:13px;color:var(--sub);margin-top:4px;line-height:1.7}
.qgb>svg:last-child{color:var(--g);flex:none}
.autol{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#0F766E;margin-bottom:4px}
.m.me .autol{color:inherit;opacity:.85}
/* «پرسش و راهنمایی»: نسخهٔ گرافیکی‌تر + پنجرهٔ روی صفحه (گفتگوی امداد ترک نمی‌شود) */
.qgb{position:relative;overflow:hidden;min-height:104px}
.qgb::before{content:"";position:absolute;inset:auto auto -46px -46px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--g) 13%,transparent) 0 60%,transparent 61%);pointer-events:none}
.qgb::after{content:"";position:absolute;top:-30px;left:70px;width:70px;height:70px;border-radius:50%;border:10px solid color-mix(in srgb,var(--g) 8%,transparent);pointer-events:none}
.qgi{position:relative;background:linear-gradient(145deg,color-mix(in srgb,var(--g) 18%,#fff),color-mix(in srgb,var(--g) 6%,#fff));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g) 25%,#fff)}
.qgs{position:absolute;bottom:-6px;left:-6px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--g);box-shadow:0 3px 8px -2px color-mix(in srgb,var(--g) 45%,transparent);font-style:normal}
.qgc{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--g) 10%,#fff);color:var(--g);font-size:12px;font-weight:800}
.qgi.sm{width:44px;height:44px;border-radius:14px}
.chat>.msgs .qguide{margin-top:auto}
.asheet{position:fixed;inset:0;z-index:55;background:rgba(15,23,42,.42);display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}
.asbox{--g:#0D9488;width:100%;max-width:640px;height:min(86vh,760px);background:var(--bg,#F8FAFC);border-radius:28px 28px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -20px 50px -20px rgba(15,23,42,.45);animation:sheetup .28s cubic-bezier(.2,.9,.3,1)}
@keyframes sheetup{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.asbox{animation:none}}
.ashd{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--g) 9%,#fff),#fff);border-bottom:1px solid var(--line)}
.ast{flex:1;min-width:0}.ast b{display:block;font-size:17px;font-weight:900;color:var(--g)}.ast small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sub)}
.asx{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--text);flex:none;cursor:pointer}
.asnote{display:flex;align-items:center;gap:8px;margin:10px 12px 0;padding:8px 12px;border-radius:14px;background:#F0FDFA;border:1px solid #99F6E4;color:#0F766E;font-size:13px;font-weight:800;line-height:1.7}
.asnote svg{flex:none}
@media (min-width:700px){.asheet{align-items:center}.asbox{border-radius:28px}}
/* دور نهم: دکمهٔ «بازگشت» واضح در پنجرهٔ پرسش و راهنمایی (خروج بدون بستن گفتگو) */
.asb{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px 0 16px;border-radius:999px;background:#fff;border:1.5px solid color-mix(in srgb,#0D9488 45%,#fff);color:#0F766E;font:inherit;font-weight:900;font-size:15px;flex:none;cursor:pointer;box-shadow:0 4px 14px -6px rgba(13,148,136,.45)}
.asb:hover{background:#F0FDFA}.asb:focus-visible{outline:3px solid color-mix(in srgb,#0D9488 40%,#fff);outline-offset:2px}
.ashd .asb{order:-1}
.asnote svg{flex:none}

/* دور دهم: فیلد انتخابی «میزان تحصیلات» هم‌شکل فیلدهای دیگر + آیکون تقویم روی تاریخ تولد */
.fld.sel select{width:100%;appearance:none;-webkit-appearance:none;border-radius:18px;border:1px solid var(--line);background:var(--field);padding:22px 16px 8px 44px;font:inherit;font-size:15.5px;font-weight:700;color:var(--text);outline:none;min-height:58px;cursor:pointer;transition:border-color .2s,background .2s}
.fld.sel select:focus{background:#fff;border:2px solid var(--fc,var(--p));padding:21px 15px 7px 43px}
.fld.sel span{position:absolute;right:16px;top:18px;font-size:15px;font-weight:700;color:var(--sub);pointer-events:none;transition:all .15s}
.fld.sel select.has+span,.fld.sel select:focus+span{top:6px;font-size:11.5px}
.fld.sel select:focus+span{color:var(--fc,var(--p))}
.fld.sel .selic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--sub);pointer-events:none;display:grid;font-style:normal}
.fld input.jdp-field{padding-left:46px}
.fld input.jdp-field:focus{padding-left:45px}

/* بروزرسانی نسخهٔ وب */
.updlg-wrap{position:fixed;inset:auto 0 0 0;z-index:9000;display:flex;justify-content:center;padding:14px;pointer-events:none}
.updlg-wrap.forced{inset:0;align-items:center;background:rgba(15,23,42,.45);backdrop-filter:blur(4px);pointer-events:auto}
.updlg-wrap.out .updlg{transform:translateY(120%);opacity:0;transition:.3s}
.updlg{pointer-events:auto;width:100%;max-width:400px;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(15,23,42,.45);animation:updUp .55s cubic-bezier(.34,1.56,.64,1)}
@keyframes updUp{from{transform:translateY(70px) scale(.86);opacity:0}to{transform:none;opacity:1}}
.updlg .uh{padding:20px 18px 16px;background:linear-gradient(120deg,var(--p),var(--s),var(--p));background-size:220% 100%;animation:updGrad 4s linear infinite;color:#fff;text-align:center}
@keyframes updGrad{to{background-position:220% 0}}
.updlg .ui{width:66px;height:66px;margin:0 auto 10px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center;animation:updGlow 1.8s ease-in-out infinite}
.updlg .ui svg{fill:#fff}
@keyframes updGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}50%{box-shadow:0 0 0 14px rgba(255,255,255,0)}}
.updlg .ut{font-weight:800;font-size:16.5px}.updlg .us{font-size:12.5px;opacity:.92;margin-top:4px;line-height:1.8}
.updlg .ubar{height:4px;border-radius:4px;background:rgba(255,255,255,.3);margin-top:12px;overflow:hidden}.updlg .ubar i{display:block;height:100%;width:40%;border-radius:4px;background:#fff;animation:updBar 1.6s ease-in-out infinite}
@keyframes updBar{from{transform:translateX(160%)}to{transform:translateX(-260%)}}
.updlg .ub{padding:14px 16px 16px}
.updlg .uchips{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;direction:ltr}
.updlg .uchips svg{fill:var(--sub)}
.updlg .uchip{padding:5px 12px;border-radius:999px;font-weight:800;font-size:12px;background:#f1f5f9;color:var(--sub);font-family:monospace}.updlg .uchip.n{background:color-mix(in srgb,var(--p) 12%,#fff);color:var(--p)}
.updlg .unotes{max-height:140px;overflow:auto;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.9;white-space:pre-line;color:var(--text)}
.updlg .uwarn{display:flex;gap:6px;align-items:center;margin-top:10px;padding:8px 12px;border-radius:12px;background:rgba(225,29,72,.08);border:1px solid rgba(225,29,72,.22);color:#e11d48;font-size:12.5px;font-weight:700}.updlg .uwarn svg{fill:#e11d48}
.updlg .uacts{display:flex;gap:8px;margin-top:12px}.updlg .uacts .btn{flex:1;display:flex;justify-content:center;align-items:center;gap:6px}
.updlg .uok svg{fill:#fff}.updlg .ulater{background:#fff!important;color:var(--sub)!important;border:1px solid var(--line)}