:root{--bg:#08080c;--bg2:#12121a;--card:rgba(255,255,255,.06);--card2:rgba(255,255,255,.09);--text:#fff;--muted:#b8b8c7;--red:#ff2b2b;--orange:#ff6a00;--line:rgba(255,255,255,.12);--shadow:0 24px 80px rgba(255,43,43,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 0%,rgba(255,43,43,.18),transparent 26rem),radial-gradient(circle at 20% 20%,rgba(255,106,0,.09),transparent 22rem),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.gnm-container{width:min(1160px,calc(100% - 32px));margin:0 auto}.gnm-site-header{position:sticky;top:0;z-index:50;background:rgba(8,8,12,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.gnm-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.gnm-logo{font-weight:900;letter-spacing:.08em}.gnm-logo span{color:var(--red);text-shadow:0 0 22px rgba(255,43,43,.9)}.gnm-nav ul{display:flex;gap:20px;align-items:center;list-style:none;margin:0;padding:0}.gnm-nav a{color:var(--muted);font-weight:600;font-size:15px}.gnm-nav a:hover{color:#fff}.gnm-menu-toggle{display:none;background:var(--card);color:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px}.gnm-hero{position:relative;min-height:680px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.gnm-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,43,43,.16),transparent 38%),radial-gradient(circle at center,rgba(255,106,0,.10),transparent 42%)}.gnm-wave{position:absolute;width:150%;height:220px;left:-25%;top:48%;background:repeating-linear-gradient(90deg,rgba(255,43,43,.0) 0 15px,rgba(255,43,43,.55) 16px 18px,rgba(255,106,0,.18) 19px 22px);filter:blur(.2px);opacity:.24;transform:skewY(-8deg);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.gnm-hero-inner{position:relative;text-align:center}.gnm-kicker{color:var(--orange);text-transform:uppercase;letter-spacing:.22em;font-size:13px;font-weight:800}.gnm-hero h1{font-size:clamp(44px,8vw,104px);line-height:.92;margin:14px 0;text-shadow:0 0 45px rgba(255,43,43,.55)}.gnm-lead,.gnm-page-hero p{font-size:clamp(18px,2vw,24px);color:var(--muted);max-width:760px;margin:0 auto 28px}.gnm-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.gnm-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,43,43,.6);border-radius:999px;padding:13px 22px;background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;font-weight:800;box-shadow:0 12px 36px rgba(255,43,43,.25);transition:.2s transform,.2s box-shadow}.gnm-btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(255,43,43,.38)}.gnm-btn-ghost{background:rgba(255,255,255,.06);border-color:var(--line);box-shadow:none}.gnm-btn-small{padding:9px 14px;font-size:14px}.gnm-section{padding:82px 0}.gnm-section-dark{background:rgba(18,18,26,.65);border-block:1px solid var(--line)}.gnm-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.gnm-section h2,.gnm-page h1,.gnm-page-hero h1{font-size:clamp(32px,4vw,56px);line-height:1.05;margin:0 0 20px}.gnm-section-head a{color:var(--orange);font-weight:800}.gnm-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gnm-track-card,.gnm-card{background:linear-gradient(180deg,var(--card),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 14px 60px rgba(0,0,0,.18)}.gnm-cover{display:block;aspect-ratio:1/1;background:var(--bg2);overflow:hidden}.gnm-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.gnm-track-card:hover .gnm-cover img{transform:scale(1.04)}.gnm-cover-placeholder{height:100%;min-height:230px;display:grid;place-items:center;font-size:70px;color:rgba(255,255,255,.25);background:radial-gradient(circle,rgba(255,43,43,.22),transparent 55%),var(--bg2)}.gnm-cover-placeholder.gnm-big{min-height:420px;border-radius:28px}.gnm-track-body,.gnm-card{padding:22px}.gnm-track-body h3,.gnm-card h3{margin:0 0 10px;font-size:23px}.gnm-track-body p,.gnm-card p,.gnm-muted{color:var(--muted)}.gnm-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.gnm-tags span,.gnm-filter-row a{display:inline-flex;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:13px}.gnm-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.gnm-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gnm-category{padding:24px;border-radius:22px;border:1px solid var(--line);background:var(--card);font-weight:900;text-align:center}.gnm-category:hover{border-color:rgba(255,43,43,.6);box-shadow:var(--shadow)}.gnm-two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.gnm-glow-card{box-shadow:var(--shadow)}.gnm-vk-band,.gnm-page-hero{padding:96px 0;text-align:center;background:linear-gradient(135deg,rgba(255,43,43,.2),rgba(255,106,0,.07));border-block:1px solid var(--line)}.gnm-footer{border-top:1px solid var(--line);background:#050508;padding:34px 0;color:var(--muted)}.gnm-footer-grid{display:flex;justify-content:space-between;gap:24px}.gnm-footer strong{color:#fff}.gnm-footer-link{color:#fff;font-weight:800}.gnm-page{max-width:860px}.gnm-content{color:#e6e6ef}.gnm-content a{color:var(--orange);text-decoration:underline}.gnm-filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.gnm-filter-row a:hover{color:#fff;border-color:rgba(255,43,43,.65)}.gnm-empty{padding:28px;border:1px dashed rgba(255,255,255,.24);border-radius:20px;color:var(--muted);background:rgba(255,255,255,.04)}.gnm-track-single-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}.gnm-track-art img{border-radius:28px;box-shadow:var(--shadow)}.gnm-track-info h1{font-size:clamp(38px,5vw,72px);line-height:1;margin:0 0 16px}.gnm-player{margin:24px 0}.gnm-player iframe{width:100%;max-width:100%;border:0;border-radius:18px}.gnm-actions-wrap{justify-content:flex-start}.gnm-lyrics{white-space:pre-wrap;color:#e8e8f2;background:rgba(255,255,255,.05);border:1px solid var(--line);padding:28px;border-radius:24px}.gnm-post-list{display:grid;gap:18px}.gnm-card h2{margin:0}.screen-reader-text{position:absolute;left:-999em}@media(max-width:900px){.gnm-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gnm-category-grid,.gnm-two-col,.gnm-track-single-grid{grid-template-columns:1fr}.gnm-nav{display:none;position:absolute;left:16px;right:16px;top:76px;background:rgba(8,8,12,.96);border:1px solid var(--line);border-radius:20px;padding:18px}.gnm-nav.is-open{display:block}.gnm-nav ul{display:grid;gap:12px}.gnm-menu-toggle{display:block}.gnm-footer-grid{display:grid}}@media(max-width:560px){.gnm-container{width:min(100% - 24px,1160px)}.gnm-hero{min-height:600px}.gnm-section{padding:58px 0}.gnm-track-grid{grid-template-columns:1fr}.gnm-category-grid{grid-template-columns:1fr}.gnm-actions{justify-content:stretch}.gnm-btn{width:100%}.gnm-section-head{display:block}.gnm-cover-placeholder.gnm-big{min-height:300px}}

/* Editable WordPress pages */
.gnm-content h2,.gnm-content h3{color:#fff;line-height:1.15;margin:34px 0 14px}.gnm-content h2{font-size:clamp(28px,3vw,42px)}.gnm-content h3{font-size:clamp(22px,2vw,30px)}.gnm-content p{margin:0 0 18px}.gnm-content ul,.gnm-content ol{padding-left:24px;margin:0 0 22px}.gnm-content li{margin:8px 0}.gnm-content .wp-block-button{margin:24px 0}.gnm-content .wp-block-button__link,.gnm-shortcode-button .gnm-btn{text-decoration:none}.gnm-content .wp-block-quote{border-left:3px solid var(--red);padding:14px 0 14px 22px;background:rgba(255,255,255,.04);border-radius:0 18px 18px 0}.gnm-content .wp-block-image img{border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow)}.gnm-content .wp-block-cover{border-radius:28px;overflow:hidden;border:1px solid var(--line)}.gnm-content .wp-block-columns{gap:22px}.gnm-content .wp-block-column{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:22px;padding:22px}.gnm-content code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:8px;color:#fff}.gnm-shortcode-button{margin:24px 0}.gnm-page .gnm-track-grid{margin-top:24px}

/* Audio upload/player */
.gnm-audio-player,.gnm-card-audio{margin:18px 0}.gnm-audio-player .wp-audio-shortcode,.gnm-card-audio .wp-audio-shortcode{width:100% !important}.gnm-card-audio{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:10px}.gnm-player h2{font-size:26px;margin:0 0 14px}.gnm-external-player{margin-top:14px}


.gnm-listen-toggle{background:linear-gradient(135deg,var(--red),var(--orange));}
.gnm-card-audio audio,.gnm-player audio{width:100%;}
.gnm-player{scroll-margin-top:110px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:22px;padding:18px;}

/* v2.0: improve contrast for secondary buttons in track cards */
.gnm-track-card .gnm-btn-ghost,
.gnm-card-actions .gnm-btn-ghost {
    color: #ffffff !important;
    background: rgba(255, 43, 43, 0.16) !important;
    border-color: rgba(255, 43, 43, 0.72) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.45);
    box-shadow: 0 0 18px rgba(255, 43, 43, 0.12);
}

.gnm-track-card .gnm-btn-ghost:hover,
.gnm-card-actions .gnm-btn-ghost:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--red), var(--orange)) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 14px 34px rgba(255, 43, 43, 0.32);
}

.gnm-card-actions .gnm-btn {
    min-height: 40px;
}


/* v2.1: force readable text for all listen/player buttons */
.gnm-btn,
.gnm-btn:visited,
.gnm-btn:hover,
.gnm-btn:focus,
.gnm-actions .gnm-btn,
.gnm-actions-wrap .gnm-btn,
.gnm-card-actions .gnm-btn,
.gnm-listen-toggle,
.gnm-listen-toggle:visited,
.gnm-listen-toggle:hover,
.gnm-shortcode-button .gnm-btn {
    color: #ffffff !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

.gnm-actions-wrap .gnm-btn[href*="#listen"],
.gnm-card-actions .gnm-listen-toggle {
    background: linear-gradient(135deg, #ff2b2b, #ff6a00) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.55);
    box-shadow: 0 14px 34px rgba(255, 43, 43, 0.32);
}

.gnm-actions-wrap .gnm-btn[href*="#listen"]:hover,
.gnm-card-actions .gnm-listen-toggle:hover {
    filter: brightness(1.08);
}


/* Compact cards for homepage featured tracks */
.gnm-home-featured .gnm-track-grid,
.gnm-track-grid-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.gnm-track-card-compact {
    display: grid;
    grid-template-columns: 116px 1fr;
    min-height: 142px;
    border-radius: 20px;
}

.gnm-track-card-compact .gnm-cover {
    aspect-ratio: auto;
    height: 100%;
    min-height: 142px;
}

.gnm-track-card-compact .gnm-cover-placeholder {
    min-height: 142px;
    font-size: 38px;
}

.gnm-track-card-compact .gnm-track-body {
    padding: 14px;
}

.gnm-track-card-compact .gnm-track-body h3 {
    font-size: 17px;
    line-height: 1.2;
    margin-bottom: 6px;
}

.gnm-track-card-compact .gnm-tags {
    margin: 6px 0;
    gap: 6px;
}

.gnm-track-card-compact .gnm-tags span {
    font-size: 11px;
    padding: 4px 8px;
}

.gnm-track-card-compact .gnm-track-body p {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gnm-track-card-compact .gnm-card-actions {
    margin-top: 10px;
    gap: 8px;
}

.gnm-track-card-compact .gnm-btn-small {
    padding: 7px 10px;
    font-size: 12px;
}

@media(max-width: 900px) {
    .gnm-home-featured .gnm-track-grid,
    .gnm-track-grid-compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media(max-width: 620px) {
    .gnm-home-featured .gnm-track-grid,
    .gnm-track-grid-compact {
        grid-template-columns: 1fr;
    }
}


/* v2.4: аккуратные мини-обложки в блоке «Рекомендуемые треки»
   Раньше компактная карточка показывала узкий кроп обложки: object-fit: cover + height:100%.
   Теперь обложка выводится как настоящая миниатюра целиком, без обрезки текста. */
.gnm-home-featured .gnm-track-card-compact {
    grid-template-columns: 148px 1fr;
    min-height: 210px;
}

.gnm-home-featured .gnm-track-card-compact .gnm-cover {
    aspect-ratio: auto;
    height: auto;
    min-height: 210px;
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background:
        radial-gradient(circle at center, rgba(255, 106, 0, 0.18), transparent 62%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
        var(--bg2);
    border-right: 1px solid var(--line);
}

.gnm-home-featured .gnm-track-card-compact .gnm-cover img,
.gnm-home-featured .gnm-track-card-compact .gnm-cover-img {
    width: 120px;
    height: 120px;
    max-width: 120px;
    max-height: 120px;
    object-fit: contain !important;
    object-position: center !important;
    display: block;
    border-radius: 18px;
    background: #07070a;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.10),
        0 14px 30px rgba(0,0,0,.45),
        0 0 24px rgba(255, 43, 43, .16);
    transform: none;
}

.gnm-home-featured .gnm-track-card-compact:hover .gnm-cover img,
.gnm-home-featured .gnm-track-card-compact:hover .gnm-cover-img {
    transform: translateY(-1px);
}

.gnm-home-featured .gnm-track-card-compact .gnm-cover-placeholder {
    width: 120px;
    height: 120px;
    min-height: 0;
    border-radius: 18px;
    font-size: 42px;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.10),
        0 0 24px rgba(255, 43, 43, .16);
}

.gnm-home-featured .gnm-track-card-compact .gnm-track-body {
    padding: 20px 18px 18px;
}

.gnm-home-featured .gnm-track-card-compact .gnm-track-body h3 {
    font-size: 20px;
    line-height: 1.18;
    margin-bottom: 8px;
}

.gnm-home-featured .gnm-track-card-compact .gnm-tags {
    margin: 8px 0 10px;
}

.gnm-home-featured .gnm-track-card-compact .gnm-tags span {
    font-size: 12px;
    padding: 5px 9px;
}

.gnm-home-featured .gnm-track-card-compact .gnm-track-body p {
    font-size: 14px;
    line-height: 1.45;
    -webkit-line-clamp: 3;
}

.gnm-home-featured .gnm-track-card-compact .gnm-card-actions {
    margin-top: 14px;
}

.gnm-home-featured .gnm-track-card-compact .gnm-btn-small {
    padding: 9px 13px;
    font-size: 13px;
}

@media(max-width: 900px) {
    .gnm-home-featured .gnm-track-card-compact {
        grid-template-columns: 138px 1fr;
    }

    .gnm-home-featured .gnm-track-card-compact .gnm-cover img,
    .gnm-home-featured .gnm-track-card-compact .gnm-cover-img,
    .gnm-home-featured .gnm-track-card-compact .gnm-cover-placeholder {
        width: 110px;
        height: 110px;
        max-width: 110px;
        max-height: 110px;
    }
}

@media(max-width: 620px) {
    .gnm-home-featured .gnm-track-card-compact {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .gnm-home-featured .gnm-track-card-compact .gnm-cover {
        min-height: 0;
        padding: 18px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .gnm-home-featured .gnm-track-card-compact .gnm-cover img,
    .gnm-home-featured .gnm-track-card-compact .gnm-cover-img,
    .gnm-home-featured .gnm-track-card-compact .gnm-cover-placeholder {
        width: 170px;
        height: 170px;
        max-width: 170px;
        max-height: 170px;
    }
}