/* v177 — چرخ‌دندهٔ براق + زبان */
.hb175.g177{ background:transparent !important; border:0 !important; box-shadow:none !important; width:44px !important; height:44px !important }
.hb175.g177 > svg{ width:38px !important; height:38px !important; overflow:visible; filter:drop-shadow(0 5px 8px rgba(180,60,242,.35)) drop-shadow(0 1px 1px rgba(91,59,240,.25)); animation:gr175 16s linear infinite }
.hb175.g177.spin > svg{ animation:gs176 .7s cubic-bezier(.3,.9,.3,1) }
.hb175.g177:hover{ box-shadow:none !important }

#hdrFilter{ display:none !important }
#hdrLang.lg177{ display:inline-flex !important; align-items:center; gap:7px; height:42px; padding:0 10px 0 5px !important; border-radius:999px !important; cursor:pointer;
  background:linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg,#FFC83D,#FF4FA0 45%,#8B5CF6) border-box !important; border:1.6px solid transparent !important;
  box-shadow:0 6px 16px -7px rgba(180,60,242,.5); transition:transform .15s }
#hdrLang.lg177:active{ transform:scale(.92) }
#hdrLang.lg177 > b{ font:900 13px/1 system-ui,-apple-system,sans-serif; letter-spacing:.2px; background:linear-gradient(135deg,#FF4FA0,#8B5CF6); -webkit-background-clip:text; background-clip:text; color:transparent }
#hdrLang.lg177 .cv177{ width:12px; height:12px; color:#A855F7 }
.gb177{ position:relative; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,#FFC83D,#FF4FA0 50%,#8B5CF6); box-shadow:0 4px 10px -3px rgba(255,79,160,.6), inset 0 1px 0 rgba(255,255,255,.4) }
.gb177 > svg{ width:19px; height:19px }
.bd177{ position:absolute; bottom:-3px; inset-inline-end:-4px; width:15px; height:15px; border-radius:50%; overflow:hidden; box-shadow:0 0 0 2px #fff, 0 1px 3px rgba(0,0,0,.3) }
.bd177 svg{ width:100%; height:100%; display:block }
.mr177{ transform-origin:12px 12px; animation:mr177 6s linear infinite }
@keyframes mr177{ 0%{ transform:scaleX(1) } 50%{ transform:scaleX(.15) } 100%{ transform:scaleX(1) } }

#lg177{ position:fixed; inset:0; z-index:9999; display:none; align-items:flex-end; justify-content:center; background:rgba(20,10,40,.5); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px) }
#lg177.show{ display:flex; animation:fd177 .2s ease }
#lg177.out{ animation:fd177 .22s ease reverse forwards }
@keyframes fd177{ from{ opacity:0 } }
.pn177{ width:100%; max-width:420px; max-height:88vh; overflow:auto; background:#fff; border-radius:28px 28px 0 0; padding:0 0 calc(16px + env(safe-area-inset-bottom)); box-shadow:0 -20px 50px -20px rgba(91,59,240,.45); animation:up177 .34s cubic-bezier(.2,.9,.3,1.1) }
#lg177.out .pn177{ animation:up177 .22s ease reverse forwards }
@keyframes up177{ from{ transform:translateY(100%) } }
.hr177{ position:relative; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:22px 18px 16px; color:#fff;
  background:linear-gradient(125deg,#FFB23D 0%,#FF4FA0 42%,#A43CF2 75%,#5B3BF0 100%) }
.hr177::before{ content:""; position:absolute; top:8px; left:50%; width:42px; height:5px; margin-left:-21px; border-radius:9px; background:rgba(255,255,255,.55) }
.orb177{ position:absolute; border-radius:50%; background:rgba(255,255,255,.14); pointer-events:none }
.orb177.a{ width:160px; height:160px; top:-70px; inset-inline-end:-40px }
.orb177.b{ width:90px; height:90px; bottom:-45px; inset-inline-start:30%; background:rgba(255,255,255,.1) }
.gi177{ position:relative; width:50px; height:50px; border-radius:17px; display:grid; place-items:center; background:rgba(255,255,255,.2); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45), 0 8px 18px -8px rgba(0,0,0,.35); backdrop-filter:blur(6px) }
.gi177 svg{ width:28px; height:28px }
.ht177{ position:relative; flex:1; min-width:0 }
.ht177 h3{ margin:0; font:900 21px/1.15 system-ui,-apple-system,sans-serif; letter-spacing:.2px; text-shadow:0 2px 8px rgba(0,0,0,.18) }
.ht177 p{ margin:3px 0 0; font-size:12px; opacity:.92 }
.x177{ position:relative; width:36px; height:36px; border-radius:12px; border:0; background:rgba(255,255,255,.22); color:#fff; display:grid; place-items:center; cursor:pointer; box-shadow:inset 0 0 0 1px rgba(255,255,255,.35) }
.x177 svg{ width:18px; height:18px }
.fl177{ position:relative; flex-basis:100%; display:flex; gap:6px; margin-top:2px }
.fl177 span{ width:26px; height:26px; border-radius:50%; overflow:hidden; box-shadow:0 0 0 2px rgba(255,255,255,.7), 0 3px 8px rgba(0,0,0,.2); opacity:.8; transition:transform .2s }
.fl177 span.on{ opacity:1; transform:scale(1.18); box-shadow:0 0 0 2.5px #fff, 0 4px 10px rgba(0,0,0,.3) }
.fl177 svg{ width:100%; height:100%; display:block }
.sb177{ display:flex; align-items:center; gap:8px; margin:14px 16px 10px; padding:0 14px; height:44px; border-radius:14px; background:#F5F2FA; color:#9A91AE; box-shadow:inset 0 0 0 1px #ECE6F5 }
.sb177:focus-within{ box-shadow:inset 0 0 0 1.6px #C08BFF, 0 0 0 4px rgba(168,85,247,.12) }
.sb177 svg{ width:18px; height:18px; flex:0 0 18px }
.sr177{ flex:1; min-width:0; border:0; outline:0; background:transparent; font:600 14px system-ui,-apple-system,sans-serif; color:#1C1330 }
.dv177{ display:flex; align-items:center; gap:10px; width:calc(100% - 32px); margin:0 16px 10px; padding:10px 12px; border-radius:16px; border:1.5px dashed #D9C8F5; background:#FBF8FF; cursor:pointer; text-align:start }
.dv177 > span:nth-child(2){ flex:1 }
.dv177 small{ display:block; font-size:10.5px; color:#9A91AE }
.dv177 b{ font-size:13.5px; color:#1C1330 }
.di177{ width:34px; height:34px; border-radius:11px; display:grid; place-items:center; color:#8B5CF6; background:#EFE7FF }
.di177 svg{ width:19px; height:19px }
.dv177 .wf177{ width:34px; height:24px }
.ls177{ display:flex; flex-direction:column; gap:8px; padding:0 16px }
.rw177{ position:relative; display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:18px; cursor:pointer; text-align:start;
  background:linear-gradient(#FAF8FD,#FAF8FD) padding-box, linear-gradient(#EFEAF6,#EFEAF6) border-box; border:1.6px solid transparent; transition:transform .15s, box-shadow .2s; animation:ri177 .35s both }
.rw177:nth-child(2){ animation-delay:.03s } .rw177:nth-child(3){ animation-delay:.06s } .rw177:nth-child(4){ animation-delay:.09s } .rw177:nth-child(5){ animation-delay:.12s } .rw177:nth-child(6){ animation-delay:.15s }
@keyframes ri177{ from{ opacity:0; transform:translateY(8px) } }
.rw177:hover{ box-shadow:0 8px 18px -12px rgba(139,92,246,.6) }
.rw177:active{ transform:scale(.97) }
.rw177.on{ background:linear-gradient(120deg,#FFF6EA,#FFF0F7 50%,#F3EDFF) padding-box, linear-gradient(135deg,#FFC83D,#FF4FA0 50%,#8B5CF6) border-box; box-shadow:0 12px 24px -14px rgba(180,60,242,.7) }
.wf177{ position:relative; flex:0 0 auto; width:48px; height:34px; border-radius:8px; overflow:hidden; box-shadow:0 0 0 1.5px #fff, 0 4px 10px -2px rgba(0,0,0,.28); transform:perspective(80px) rotateY(-8deg) }
[dir="rtl"] .wf177{ transform:perspective(80px) rotateY(8deg) }
.wf177 svg{ width:100%; height:100%; display:block }
.tx177{ flex:1; min-width:0 }
.tx177 b{ display:flex; align-items:center; gap:7px; font-size:15px; font-weight:900; color:#1C1330 }
.hi177{ font-style:normal; font-size:10.5px; font-weight:800; padding:2px 7px; border-radius:8px 8px 8px 2px; color:#fff; background:linear-gradient(135deg,#FF4FA0,#8B5CF6) }
.rw177:not(.on) .hi177{ color:#8B5CF6; background:#EFE7FF }
.tx177 small{ display:block; margin-top:2px; font-size:11px; color:#9A91AE; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.tx177 em{ font-style:normal; font-size:9px; font-weight:900; letter-spacing:.4px; padding:1px 5px; border-radius:5px; color:#3B82F6; background:#E6EFFF; vertical-align:1px }
.cu177{ font-size:10px; font-weight:900; color:#C0339C; padding:3px 8px; border-radius:99px; background:#FFE3F1 }
.rd177{ flex:0 0 24px; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; box-shadow:inset 0 0 0 2px #DCD4EA; transition:all .25s }
.rd177 svg{ width:14px; height:14px; transform:scale(0); transition:transform .25s cubic-bezier(.3,1.6,.5,1) }
.rw177.on .rd177{ background:linear-gradient(135deg,#FF4FA0,#8B5CF6); box-shadow:0 4px 10px -3px rgba(168,85,247,.7) }
.rw177.on .rd177 svg{ transform:scale(1) }
.em177{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:26px 0; color:#9A91AE; font-size:13px }
.em177 svg{ width:30px; height:30px }
.nt177{ display:flex; align-items:center; justify-content:center; gap:6px; margin:14px 16px 0; font-size:11.5px; color:#9A91AE }
.nt177 svg{ width:14px; height:14px }
@media (min-width:600px){ #lg177{ align-items:center } .pn177{ border-radius:28px; padding-bottom:18px } .hr177::before{ display:none } }
html.night .pn177, body.night .pn177{ background:#191325 }
html.night .tx177 b, body.night .tx177 b, html.night .dv177 b, body.night .dv177 b, html.night .sr177, body.night .sr177{ color:#F3EEFF }
html.night .rw177:not(.on), body.night .rw177:not(.on){ background:linear-gradient(#231B33,#231B33) padding-box, linear-gradient(#2E2542,#2E2542) border-box }
html.night .sb177, body.night .sb177, html.night .dv177, body.night .dv177{ background:#231B33; box-shadow:none }
@media (prefers-reduced-motion:reduce){ .hb175.g177 > svg, .mr177{ animation:none } }
#hdrLang.lg177{ gap:5px; height:38px; padding:0 8px 0 4px !important }
#hdrLang.lg177 > b{ font-size:12px; letter-spacing:0 }
#hdrLang.lg177 .cv177{ width:10px; height:10px }
.gb177{ width:28px; height:28px } .gb177 > svg{ width:17px; height:17px }
.bd177{ width:13px; height:13px }
.hi177{ unicode-bidi:isolate }
/* v179 — دکمهٔ زبان بدون کادر + کره‌زمین براق */
#hdrLang.lg177{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 2px !important; gap:4px; height:42px }
#hdrLang.lg177 > b{ font-size:14px; font-weight:900; letter-spacing:.1px; background:linear-gradient(120deg,#FF9A3D,#FF4FA0 40%,#A43CF2 75%,#5B3BF0); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 2px 4px rgba(180,60,242,.25)) }
#hdrLang.lg177 .cv177{ width:11px; height:11px; color:#B04CF2 }
.gb177{ width:38px; height:38px; background:none !important; box-shadow:none !important; border-radius:0 }
.gb177 > svg{ width:38px !important; height:38px !important; overflow:visible; filter:drop-shadow(0 4px 6px rgba(193,60,242,.35)) }
.bd177{ width:15px; height:15px; bottom:0; inset-inline-end:-2px }
.orb177s .sat177{ transform-origin:41px 16px; animation:sat177 2.4s ease-in-out infinite }
@keyframes sat177{ 50%{ transform:scale(1.18) } }
.gi177{ background:#fff !important }
.gi177 svg{ width:40px !important; height:40px !important; overflow:visible }
@media (prefers-reduced-motion:reduce){ .orb177s .sat177{ animation:none } }
.bd177{ width:13px; height:13px; bottom:1px; inset-inline-end:0 }