@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;700;800&display=swap";
:root{--bg:#f4f7f8;--surface:#fff;--ink:#12202a;--muted:#5b6b76;--line:#d7e0e6;--brand:#0f766e;--brand-dark:#0b5a54;--accent:#d97706;--header-bg:#f4f7f8db;--footer-bg:#102029;--glow:#0f766e1a;--shadow:0 10px 30px #12202a14;--radius:16px;--font:"Vazirmatn", Tahoma, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font);color:var(--ink);background:radial-gradient(circle at top left, var(--glow), transparent 30%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 88%, white) 0%, var(--bg) 42%, var(--bg) 100%);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{width:min(1200px,100% - 32px);margin:0 auto;padding:24px 0 48px}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);position:sticky;top:0}.site-header__inner{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:min(1200px,100% - 32px);margin:0 auto;padding:16px 0;display:grid}.site-brand{align-items:center;gap:12px;display:flex}.site-brand__mark{background:linear-gradient(145deg, var(--brand), var(--brand-dark));color:#fff;letter-spacing:.04em;border-radius:14px;place-items:center;width:52px;height:52px;font-size:13px;font-weight:800;display:grid}.site-brand__logo{object-fit:contain;background:var(--surface);border:1px solid var(--line);border-radius:14px;width:52px;height:52px}.site-brand__name{font-size:1.35rem;font-weight:800}.site-nav{color:var(--muted);justify-content:center;gap:18px;font-weight:500;display:flex}.site-nav a:hover{color:var(--brand)}.site-search{gap:8px;display:flex}.site-search input{border:1px solid var(--line);background:var(--surface);width:min(280px,42vw);font:inherit;border-radius:999px;padding:10px 16px}.site-search button,.audio-player__quality button,.empty-state a,.auth-form button[type=submit],.comment-form button{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:10px 16px;font-weight:700}.site-search button:hover,.audio-player__quality button.is-active,.empty-state a:hover,.auth-form button[type=submit]:hover,.comment-form button:hover{background:var(--brand-dark)}.layout-grid{grid-template-columns:1fr 260px;align-items:start;gap:28px;display:grid}.page-hero{margin-bottom:24px}.page-hero h1{margin:0 0 8px;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.3}.page-hero p{color:var(--muted);margin:0}.posts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;overflow:hidden}.post-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #12202a1f}.post-card__cover{aspect-ratio:1;background:#d9e4ea;position:relative;overflow:hidden}.post-card__cover img{object-fit:cover;width:100%;height:100%}.post-card__play{color:#fff;background:#0f766eeb;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid;position:absolute;inset-block-start:12px;inset-inline-start:12px}.post-card__meta{gap:4px;padding:14px;display:grid}.post-card__artists{font-size:.98rem}.post-card__song{color:var(--muted);font-size:.92rem}.site-sidebar{gap:16px;display:grid;position:sticky;top:96px}.sidebar-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.sidebar-block h2{color:var(--brand-dark);margin:0 0 12px;font-size:1rem}.sidebar-block ul{gap:8px;max-height:420px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.sidebar-block a{color:var(--muted)}.sidebar-block a:hover{color:var(--brand)}.sidebar-empty,.empty-state{color:var(--muted)}.empty-state{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;padding:40px 24px}.empty-state a{margin-top:16px;display:inline-block}.post-detail{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);overflow:hidden}.post-detail__top{grid-template-columns:280px 1fr;gap:28px;padding:28px;display:grid}.post-detail__cover{aspect-ratio:1;background:#d9e4ea;border-radius:18px;overflow:hidden}.post-detail__cover img{object-fit:cover;width:100%;height:100%}.post-detail__info h1{margin:0 0 10px;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.35}.post-detail__artists,.post-detail__category{color:var(--muted);margin-bottom:8px}.post-detail__artists a{color:var(--brand);font-weight:700}.audio-player{gap:12px;margin-top:20px;display:grid}.audio-player audio{border-radius:12px;width:100%}.audio-player__quality{gap:8px;display:flex}.audio-player__quality button{color:var(--ink);background:#dce8e7}.audio-player__links{flex-wrap:wrap;gap:14px;font-size:.92rem;display:flex}.audio-player__links a{color:var(--brand);font-weight:700}.post-detail__content{border-top:1px solid var(--line);padding:28px;line-height:1.9}.post-detail__content p{margin:0 0 1rem}.artists-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.artist-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:14px;padding:14px;transition:border-color .15s,transform .15s;display:flex}.artist-card:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--line));transform:translateY(-1px)}.artist-card__avatar{background:color-mix(in srgb, var(--brand) 12%, var(--surface));border:1px solid var(--line);border-radius:50%;flex:0 0 72px;width:72px;height:72px;overflow:hidden}.artist-card__avatar img{object-fit:cover;width:100%;height:100%;display:block}.artist-card__avatar-fallback{width:100%;height:100%;color:var(--brand-dark);place-items:center;font-size:1.4rem;font-weight:700;display:grid}.artist-card__meta{min-width:0}.artist-card strong{margin-bottom:6px;display:block}.artist-card span{color:var(--muted);font-size:.9rem}.site-header__actions{align-items:center;gap:10px;display:flex}.site-nav__user{color:var(--brand-dark);font-weight:700}.site-nav__user:hover{color:var(--brand)}.profile-page{gap:18px;display:grid}.profile-card{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);width:min(560px,100%);box-shadow:var(--shadow);gap:18px;padding:24px;display:grid}.profile-card__avatar{background:color-mix(in srgb, var(--brand) 14%, #fff);border:1px solid var(--line);width:72px;height:72px;color:var(--brand-dark);border-radius:50%;place-items:center;font-size:1.6rem;font-weight:700;display:grid}.profile-card__fields{gap:12px;display:grid}.profile-card__fields label{gap:6px;font-size:.92rem;display:grid}.profile-card__fields input{font:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}.profile-card__fields input:disabled{background:color-mix(in srgb, var(--bg) 70%, #fff);color:var(--muted)}.profile-card__meta{color:var(--muted);margin:0;font-size:.9rem}.profile-card__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-card__save{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-weight:700}.profile-card__save:disabled{opacity:.7;cursor:wait}.profile-page__back{margin:0}.profile-page__back a{color:var(--brand)}.logout-btn,.btn-secondary{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-weight:700}.logout-btn:hover,.btn-secondary:hover{border-color:var(--brand);color:var(--brand)}.auth-page{place-items:center;min-height:60vh;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);width:min(460px,100%);box-shadow:var(--shadow);padding:28px}.auth-card h1{margin:0 0 8px;font-size:1.6rem}.auth-card__lead,.auth-card__hint{color:var(--muted);margin:0 0 18px;line-height:1.8}.auth-form{gap:12px;display:grid}.auth-form label{color:var(--muted);gap:6px;font-size:.92rem;display:grid}.auth-form input{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:11px 12px}.auth-form button[type=submit]{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:12px 16px;font-weight:700}.auth-form button:disabled{opacity:.7;cursor:wait}.auth-form__actions{flex-wrap:wrap;gap:8px;display:flex}.auth-card__ok{color:#0f766e;margin:14px 0 0}.auth-card__error{color:#b91c1c;margin:14px 0 0}.auth-card__back{color:var(--brand);margin-top:18px;font-weight:700;display:inline-block}.site-footer{background:var(--footer-bg);color:color-mix(in srgb, var(--footer-bg) 12%, white);margin-top:48px}.site-footer__inner{gap:20px;width:min(1200px,100% - 32px);margin:0 auto;padding:36px 0 28px;display:grid}.site-footer__about strong{color:#fff;margin-bottom:8px;font-size:1.2rem;display:block}.site-footer__about p,.site-footer__copy{color:#9db0ba;margin:0;line-height:1.8}.site-footer__links{flex-wrap:wrap;gap:14px 18px;display:flex}.site-footer__links a:hover{color:#fff}.site-footer__social{flex-wrap:wrap;gap:10px;display:flex}.site-footer__social-link{color:#d7e4ea;background:#ffffff0f;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .15s,color .15s,border-color .15s;display:inline-grid}.site-footer__social-link:hover{background:color-mix(in srgb, var(--accent) 55%, transparent);border-color:color-mix(in srgb, var(--accent) 70%, white);color:#fff}.ad-banners{gap:12px;margin:16px 0 22px;display:grid}.ad-banner{border:1px solid var(--line);box-shadow:var(--shadow);background:#d9e4ea;border-radius:14px;display:block;overflow:hidden}.ad-banner img{width:100%;height:auto;display:block}.ad-banners--sidebar .ad-banner img,.ad-banners--footer .ad-banner img{object-fit:cover;max-height:180px}.ad-banners--home-top .ad-banner img,.ad-banners--home-middle .ad-banner img,.ad-banners--post-top .ad-banner img,.ad-banners--post-bottom .ad-banner img,.ad-banners--artist-top .ad-banner img,.ad-banners--footer .ad-banner img{object-fit:cover;width:100%;max-height:140px}.related-section{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--surface);box-shadow:var(--shadow);margin:28px 0;padding:22px}.featured-section{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, var(--surface)), var(--surface))}.featured-section h2{color:var(--brand-dark)}.related-section h2,.comments h3,.comment-form h3{margin:0 0 16px}.posts-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.comments__list{gap:12px;margin:0 0 8px;padding:0;list-style:none;display:grid}.comments__item{border:1px solid var(--line);background:#f8fbfc;border-radius:12px;padding:14px}.comments__item strong{margin-inline-end:10px;display:inline-block}.comments__item span{color:var(--muted);font-size:.85rem}.comments__item p{margin:8px 0 0;line-height:1.8}.comments__empty{color:var(--muted)}.contact-form,.comment-form{border-top:1px solid var(--line);gap:12px;margin-top:18px;padding-top:18px;display:grid}.contact-form{border-top:0;margin-top:0;padding-top:0}.contact-form__row,.comment-form__row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact-form label,.comment-form label{color:var(--muted);gap:6px;font-size:.92rem;display:grid}.contact-form input,.contact-form textarea,.comment-form input,.comment-form textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:10px 12px}.contact-form button[type=submit],.comment-form button{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-self:start;padding:10px 18px;font-weight:700}.contact-form__captcha{border:1px dashed var(--line);background:color-mix(in srgb, var(--bg) 55%, #fff);border-radius:12px;gap:12px;padding:14px;display:grid}.contact-form__captcha-box{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.contact-form__captcha-box strong{color:var(--brand-dark);font-size:1.15rem}.static-page__content{line-height:1.9}.static-page__content p{margin:0 0 1em}.contact-form button[type=submit]:disabled,.comment-form button:disabled{opacity:.7;cursor:wait}.comment-form__ok{color:#0f766e;margin:0}.comment-form__error{color:#b91c1c;margin:0}.artist-profile{margin-bottom:24px}.artist-profile__cover{border-radius:calc(var(--radius) + 4px) calc(var(--radius) + 4px) 0 0;background-color:#1f3a44;background-image:linear-gradient(135deg,#0f766ed9,#0f172abf),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:180px}.artist-profile__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:140px 1fr;align-items:end;gap:18px;margin-top:-48px;padding:18px;display:grid}.artist-profile__avatar,.artist-profile__avatar-fallback{width:140px;height:140px;box-shadow:var(--shadow);background:#d9e4ea;border:4px solid #fff;border-radius:18px;overflow:hidden}.artist-profile__avatar img{object-fit:cover;width:100%;height:100%}.artist-profile__avatar-fallback{color:var(--brand-dark);place-items:center;font-size:2.4rem;font-weight:800;display:grid}.artist-profile__info h1{margin:0 0 8px}.artist-profile__meta,.artist-profile__stats,.post-detail__type{color:var(--muted);margin:0 0 6px}@media (max-width:980px){.site-header__inner,.layout-grid,.post-detail__top,.artist-profile__card,.comment-form__row,.contact-form__row{grid-template-columns:1fr}.site-nav{justify-content:flex-start;overflow-x:auto}.posts-grid,.posts-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.artists-list{grid-template-columns:1fr 1fr}.site-sidebar{position:static}}@media (max-width:640px){.posts-grid,.posts-grid--compact,.artists-list{grid-template-columns:1fr}.site-search,.site-search input{width:100%}}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.section-head h2{margin:0}.section-head a,.section-head__meta{color:var(--brand);font-size:.92rem}.section-head__meta{color:var(--muted)}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:22px;display:flex}.pagination__pages{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pagination__btn,.pagination__page{border:1px solid var(--line);min-width:40px;height:40px;color:var(--ink);font:inherit;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.pagination__page.is-active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.pagination__btn:hover,.pagination__page:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--line));color:var(--brand-dark)}.pagination__btn.is-disabled{opacity:.45;cursor:not-allowed}.pagination__ellipsis{color:var(--muted);padding:0 4px}.post-card__stats{color:var(--muted);margin-top:4px;font-size:.82rem;display:block}.like-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;background:#fff;border-radius:999px;align-items:center;gap:8px;margin:10px 0 14px;padding:8px 14px;display:inline-flex}.like-button.is-liked,.like-button:disabled.is-liked{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:color-mix(in srgb, var(--accent) 12%, #fff);color:var(--brand-dark)}.like-button:disabled:not(.is-liked){opacity:.7;cursor:wait}.post-detail__stats{color:var(--muted);font-size:.92rem}.post-tabs{border-top:1px solid var(--line);padding:0 28px 28px}.post-tabs__nav{flex-wrap:wrap;gap:8px;padding:18px 0 14px;display:flex}.post-tabs__nav button{border:1px solid var(--line);cursor:pointer;font:inherit;color:var(--muted);background:#fff;border-radius:999px;padding:8px 14px}.post-tabs__nav button.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.lyrics-block{white-space:pre-wrap;letter-spacing:.01em;color:var(--ink);background:color-mix(in srgb, var(--bg) 65%, #fff);border:1px solid var(--line);border-radius:14px;margin:0;padding:20px 22px;font-family:Estedad,Vazirmatn,Tahoma,sans-serif;font-size:1.08rem;line-height:2.1}.video-embed{aspect-ratio:16/9;border:1px solid var(--line);background:#0b1220;border-radius:14px;width:100%;position:relative;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.comments__item-head{justify-content:space-between;gap:10px;margin-bottom:6px;display:flex}.report-comment{margin-top:10px}.report-comment__toggle{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.85rem;text-decoration:underline}.report-comment__form{border:1px dashed var(--line);background:#fff;border-radius:10px;gap:8px;margin-top:10px;padding:12px;display:grid}.report-comment__form label{gap:4px;font-size:.88rem;display:grid}.report-comment__form input,.report-comment__form select,.report-comment__form textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.report-comment__form button{background:var(--brand);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:8px;justify-self:start;padding:8px 12px}.collaborators-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.collaborators-list a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:8px 12px;display:inline-block}.collaborators-list a:hover{border-color:var(--brand);color:var(--brand)}.comments-section{gap:18px;margin:28px 0;display:grid}