/* dom2vse.ru visual alignment v1.0.1 — approved light mockup */
:root{
  --container:1500px;
  --ink:#182033;
  --muted:#737d91;
  --line:#e2e7f1;
  --soft:#f8faff;
  --blue:#6f94f6;
  --violet:#a96ce5;
  --coral:#ff7784;
  --shadow:0 10px 28px rgba(56,73,111,.07);
  --radius:14px
}
body{background:#fff}
body:before{display:none}
.vse-container{width:min(var(--container),calc(100% - 72px))}
.vse-header{position:sticky;background:rgba(255,255,255,.96);border-bottom:1px solid #e8ebf2;backdrop-filter:blur(14px)}
.vse-header__row{min-height:76px;gap:28px}
.vse-brand{display:block;min-width:235px;line-height:1}
.vse-brand__word{display:inline-block;font-family:"Segoe Script","Brush Script MT",cursive;font-size:31px;font-weight:700;letter-spacing:-1.5px;background:linear-gradient(90deg,#7196f8 0%,#a275e6 48%,#fb7f98 100%);-webkit-background-clip:text;background-clip:text;color:transparent;transform:rotate(-2deg)}
.vse-brand small,.vse-brand__dom,.vse-brand__all{display:none}
.vse-nav{gap:10px}
.vse-nav a{padding:11px 16px;border-radius:12px;font-size:15px;font-weight:650}
.vse-nav a.is-active,.vse-nav a:hover{background:#f2f6ff;color:#426bc8}
.vse-search{width:min(330px,25vw)}
.vse-search input{height:45px;background:#fff;border-radius:13px;padding-left:17px}
.vse-account-trigger{height:45px;border-color:#cdd9f5;border-radius:13px;color:#263650;font-size:14px;padding:0 17px;gap:9px}
.vse-account-trigger svg{width:20px;height:20px;fill:none;stroke:#5876bd;stroke-width:1.7}
.vse-account-trigger--user{width:auto;border-radius:13px}
.vse-account-trigger--user img{display:none}
.vse-main{padding:31px 0 66px}
.vse-home-top{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(720px,1.55fr);gap:70px;align-items:start;padding:0 0 25px}
.vse-home-intro{padding:8px 0 0}
.vse-home-intro h1{margin:0;font-size:clamp(39px,3.4vw,52px);line-height:1.05;letter-spacing:-.042em}
.vse-home-intro__line{width:91px;height:4px;border-radius:99px;margin:19px 0 18px;background:linear-gradient(90deg,#7196f8,#a970e4,#fa7d95)}
.vse-home-intro p{margin:0;color:#737d91;font-size:18px;line-height:1.55}
.vse-onair{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.vse-onair__head{margin:0 0 12px}
.vse-onair__head h2{display:flex;align-items:center;gap:9px;font-size:20px}
.vse-onair__head h2 span{color:#ff6e82;font-size:16px}
.vse-onair__grid{gap:13px}
.vse-onair__item{min-height:104px;grid-template-columns:50px 1fr;grid-template-rows:1fr;padding:17px 16px;border-radius:14px;box-shadow:none;gap:0 12px}
.vse-onair__item:hover{transform:translateY(-2px);box-shadow:0 10px 23px rgba(52,70,110,.07)}
.vse-onair__icon{grid-row:1;width:48px;height:48px;align-self:center}
.vse-onair__icon:before{display:none}
.vse-onair__icon svg{position:absolute;inset:12px;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vse-onair__copy{align-self:center}
.vse-onair__item small{font-size:11px;margin-bottom:2px}
.vse-onair__item strong{font-size:14.5px}
.vse-onair__item .vse-onair__copy b{display:inline-flex;margin-top:8px;padding:3px 9px;border-radius:7px;font-size:10px;line-height:1.1;text-transform:uppercase}
.vse-onair__item--light .vse-onair__copy b{color:#4d77cb;background:#edf4ff}
.vse-onair__item--new-life .vse-onair__copy b{color:#8c52c7;background:#f5ecff}
.vse-onair__item--after-dark .vse-onair__copy b{color:#dc5968;background:#fff0f2}
.vse-onair__item em{position:absolute;right:12px;bottom:10px;grid-column:auto;font-size:10px}
.vse-onair__item{position:relative}
.vse-feed{padding-top:0}
.vse-feed__toolbar{display:flex;justify-content:flex-start;margin-bottom:18px}
.vse-filter{gap:14px}
.vse-filter button{height:39px;padding:0 20px;border-radius:11px;font-size:14px;background:#fff}
.vse-filter button.is-active{background:#fff;border-color:#779bf5;color:#3765c4;box-shadow:0 0 0 1px rgba(119,155,245,.05)}
.vse-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.vse-card{border-radius:12px;box-shadow:none;border-color:#e1e5ee}
.vse-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(52,68,103,.09)}
.vse-card__media{aspect-ratio:1.48/1}
.vse-card__badge{left:9px;top:9px;padding:5px 8px;border-radius:7px;font-size:9px}
.vse-card__duration{right:8px;bottom:8px;border-radius:7px;padding:4px 6px;font-size:10px}
.vse-card__play{width:42px;height:42px}
.vse-card__play svg{width:19px;height:19px}
.vse-card__body{padding:10px 10px 11px}
.vse-card__body time{display:flex;align-items:center;gap:5px;color:#858ea1;font-size:10.5px}
.vse-card__body time svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}
.vse-card__body h2{min-height:42px;margin:7px 0 9px;font-size:13.5px;line-height:1.34;letter-spacing:-.01em}
.vse-card__action{height:31px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #bfd0fb;border-radius:9px;color:#4b72ca;font-size:11px;font-weight:700}
.vse-card__action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}
.vse-card__action.is-disabled{color:#8a93a5;border-color:#e2e6ef;background:#fafbfe}
.vse-card.is-placeholder .vse-card__media img{opacity:.78}
.vse-card.is-placeholder .vse-card__play{opacity:.8}
.vse-pagination--wide{max-width:520px;margin:18px auto 0}
.vse-footer{border-top:1px solid #e6e9f0;background:#fff}
.vse-footer__row{min-height:68px;grid-template-columns:1fr auto;gap:25px;color:#8a92a2;font-size:12px}
.vse-footer__row>div:first-child{display:flex;align-items:center;gap:6px}
.vse-footer__row>div:first-child strong{font-weight:500}
.vse-footer__row>div:first-child span{display:inline}
.vse-footer__links{display:flex;gap:26px}
.vse-footer__links a:hover{color:#4b70bf}
.vse-account-popover{top:54px}

@media(max-width:1450px){
  .vse-container{width:min(var(--container),calc(100% - 48px))}
  .vse-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1240px){
  .vse-brand{min-width:190px}
  .vse-home-top{grid-template-columns:1fr;gap:25px}
  .vse-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:960px){
  .vse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vse-home-intro h1{font-size:42px}
}
@media(max-width:720px){
  .vse-container{width:calc(100% - 28px)}
  .vse-onair__grid{grid-template-columns:1fr}
  .vse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vse-filter{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .vse-filter button{justify-content:center}
  .vse-footer__row{grid-template-columns:1fr;text-align:center;padding:18px 0}
  .vse-footer__row>div:first-child,.vse-footer__links{justify-content:center}
}
@media(max-width:470px){
  .vse-home-intro h1{font-size:36px}
  .vse-home-intro p{font-size:16px}
  .vse-grid{grid-template-columns:1fr}
  .vse-card__media{aspect-ratio:16/9}
}