/* نسخه ۸۱: پرداخت نهایی رابط موبایل، فوتر، ریل و افکت‌های پخش */
:root{--m81-green:var(--brand,#22f04e);--m81-bg:#050708;--m81-panel:#0c1312;--m81-line:#20302c;--m81-muted:#91a09c}

html{background:var(--m81-bg);color-scheme:dark}
body{background-color:var(--m81-bg)!important}
.v36-app-head,.melo-header{isolation:isolate;overflow:hidden}.melo-header{position:relative}
.v36-app-head::before,.melo-header::before{
  content:"";position:absolute;z-index:-1;inset:-35% -8%;pointer-events:none;opacity:.42;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 180'%3E%3Cg fill='none' stroke='%2322f04e' stroke-linecap='round'%3E%3Cpath opacity='.30' stroke-width='2' d='M0 92 C65 15 120 165 190 90 S315 20 385 92 S520 165 590 90 S715 20 790 92 S860 145 900 90'/%3E%3Cpath opacity='.16' stroke-width='5' d='M0 112 C70 35 130 160 205 108 S330 40 410 110 S535 155 615 105 S760 35 900 110'/%3E%3Cpath opacity='.12' stroke-width='9' d='M0 68 C75 135 125 15 215 73 S345 132 435 65 S575 12 665 70 S820 130 900 65'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 50% 50%,rgba(34,240,78,.19),transparent 58%);
  background-position:center;background-size:cover;
}
.v36-app-head>* , .melo-header>*{position:relative;z-index:1}

.melo-v78-mood-card{
  border-color:rgba(52,111,68,.34)!important;
  background:linear-gradient(135deg,rgba(23,57,34,.76),rgba(12,18,17,.98) 54%,rgba(7,10,10,.99))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 26px rgba(0,0,0,.16)!important;
}
.melo-v78-mood-card:hover{border-color:rgba(34,240,78,.42)!important;background:linear-gradient(135deg,rgba(29,76,42,.82),rgba(13,21,19,.98))!important}

.melo-slider-equalizer{display:none!important;width:25px!important;height:20px!important;align-items:end!important;justify-content:center!important;gap:2px!important;border:0!important;margin:0!important}
.melo-slider-equalizer i{display:block;width:3px;height:35%;border-radius:4px;background:currentColor;animation:melo81Eq .7s ease-in-out infinite alternate}
.melo-slider-equalizer i:nth-child(2){height:75%;animation-delay:-.2s}.melo-slider-equalizer i:nth-child(3){height:100%;animation-delay:-.45s}.melo-slider-equalizer i:nth-child(4){height:60%;animation-delay:-.3s}.melo-slider-equalizer i:nth-child(5){height:85%;animation-delay:-.1s}
.melo-slider-play.is-playing .melo-play-triangle{display:none!important}
.melo-slider-play.is-playing .melo-slider-equalizer{display:flex!important}
.melo-slider-play.is-playing{background:var(--m81-green)!important;color:#031008!important;border-color:var(--m81-green)!important;box-shadow:0 0 0 6px rgba(34,240,78,.12),0 12px 30px rgba(0,0,0,.48)!important}
@keyframes melo81Eq{from{transform:scaleY(.28)}to{transform:scaleY(1)}}

.melo-famous-clip{display:inline-flex;align-items:center;gap:5px;margin:7px 2px 0;padding:6px 9px;border:1px solid rgba(34,240,78,.25);border-radius:999px;background:rgba(12,32,19,.82);color:#dfffe5;font:700 9px/1.2 inherit;cursor:pointer;white-space:nowrap}
.melo-famous-clip span{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--m81-green);color:#041009;font-size:10px}
.melo-famous-clip.is-playing{background:var(--m81-green);color:#031008;border-color:var(--m81-green);box-shadow:0 0 16px rgba(34,240,78,.22)}
.melo-famous-clip.is-playing span{background:#061009;color:var(--m81-green);animation:melo81Pulse .8s infinite alternate}
.melo-track-cover-stack{width:280px;flex:none;display:flex;flex-direction:column;align-items:stretch}.melo-track-cover-stack .track-cover{width:100%}.melo-famous-detail{justify-content:center;margin:11px 0 0;padding:10px 13px;font-size:10px}
@keyframes melo81Pulse{to{transform:scale(1.12)}}

.melo-v78-reel{cursor:pointer;outline:none}.melo-v78-reel:focus-visible{box-shadow:0 0 0 3px rgba(34,240,78,.38)}
.melo-reel-viewer{position:fixed;z-index:12080;inset:0;display:grid;place-items:center;padding:12px;opacity:0;transition:opacity .2s}
.melo-reel-viewer[hidden]{display:none}.melo-reel-viewer.open{opacity:1}.melo-reel-viewer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.melo-reel-viewer-shell{position:relative;width:min(430px,calc(100vw - 24px));height:min(790px,calc(100dvh - 24px));overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:#050606;box-shadow:0 28px 100px #000;transform:scale(.96);transition:transform .22s}
.melo-reel-viewer.open .melo-reel-viewer-shell{transform:scale(1)}
.melo-reel-viewer video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.melo-reel-viewer-shade{position:absolute;pointer-events:none;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 28%,transparent 76%,rgba(0,0,0,.35))}
.melo-reel-viewer-close,.melo-reel-viewer-prev,.melo-reel-viewer-next{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(8,10,10,.67);color:#fff;backdrop-filter:blur(8px);cursor:pointer}
.melo-reel-viewer-close{top:13px;right:13px;width:42px;height:42px;border-radius:50%;font-size:25px}
.melo-reel-viewer-prev,.melo-reel-viewer-next{top:50%;width:38px;height:58px;margin-top:-29px;border-radius:13px;font-size:30px}.melo-reel-viewer-prev{right:10px}.melo-reel-viewer-next{left:10px}
.melo-reel-viewer-shell>b{position:absolute;z-index:2;right:18px;left:18px;bottom:62px;color:#fff;font-size:15px;text-shadow:0 2px 14px #000}
body.melo-reel-open{overflow:hidden!important}

.v37-search-overlay{z-index:12100!important}.v37-search-sheet{padding-top:max(20px,env(safe-area-inset-top))!important}
.melo-v81-form-toast{position:fixed;z-index:13000;right:50%;bottom:calc(105px + env(safe-area-inset-bottom,0px));width:max-content;max-width:88vw;padding:11px 15px;border:1px solid #31533b;border-radius:13px;background:#0d2114;color:#eaffed;font:800 11px/1.7 inherit;box-shadow:0 14px 44px #000;opacity:0;pointer-events:none;transform:translate(50%,12px);transition:.2s}.melo-v81-form-toast.show{opacity:1;transform:translate(50%,0)}

.melo-mobile-footer{display:none}
@media(max-width:900px){
  .melo-mobile-footer{display:block;width:calc(100% - 28px);max-width:720px;margin:54px auto 20px;padding:16px 16px 12px;border:1px solid rgba(59,88,78,.55);border-radius:22px;background:radial-gradient(circle at 12% 12%,rgba(34,240,78,.11),transparent 38%),linear-gradient(145deg,#0d1614,#080d0d);color:#fff;box-shadow:0 20px 45px rgba(0,0,0,.27);direction:rtl}
  .melo-mobile-footer-main{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:14px}
  .melo-mobile-footer section{min-width:0}.melo-mobile-footer section>b{display:block;margin-bottom:7px;color:#f4f8f6;font-size:12px;font-weight:900}
  .melo-mobile-footer-about{grid-column:1}.melo-mobile-footer-about p{margin:0;color:#9eaaa6;font-size:10px;line-height:2}
  .melo-mobile-footer-contact{grid-column:1}.melo-mobile-footer-contact div,.melo-mobile-footer-social div{display:flex;flex-wrap:wrap;gap:6px 11px}
  .melo-mobile-footer a{color:#b9c6c2;text-decoration:none;font-size:9px;font-weight:700}.melo-mobile-footer a:hover{color:var(--m81-green)}
  .melo-mobile-footer-social{grid-column:1}.melo-mobile-footer-social a{padding:5px 8px;border:1px solid #273832;border-radius:999px;background:#0a1210}
  .melo-mobile-footer-trust{grid-column:2;grid-row:1/4;text-align:center;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.035)}
  .melo-mobile-footer-trust img{display:block;width:78px;height:78px;margin:auto;object-fit:contain;padding:4px;border-radius:10px;background:#fff}
  .melo-mobile-footer-copy{margin-top:13px;padding-top:10px;border-top:1px solid #1c2925;color:#74817d;text-align:center;font-size:8px}
  body.melo-v81-root-nav .melo-mobile-footer{margin-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
  .melo-reel-viewer{padding:0}.melo-reel-viewer-shell{width:100vw;height:100dvh;max-width:none;border:0;border-radius:0}.melo-reel-viewer-shell>b{bottom:82px}
  .melo-v78-cover-card{padding-bottom:2px}
  .melo-track-cover-stack{width:100%}
}
@media(max-width:390px){.melo-mobile-footer-main{grid-template-columns:minmax(0,1fr) 84px}.melo-mobile-footer-trust img{width:66px;height:66px}}
@media(prefers-reduced-motion:reduce){.melo-slider-equalizer i,.melo-famous-clip.is-playing span{animation:none}.melo-reel-viewer,.melo-reel-viewer-shell{transition:none}}