:root{--kmr-blue:#2f7cff;--kmr-blue-soft:#76aaff;--kmr-bg:#050608;--kmr-panel:#0d121a;--kmr-text:#f7f9fc;--kmr-muted:#aeb8c6;--kmr-line:rgba(255,255,255,.12)}
.kmr-sync{background:var(--kmr-bg);color:var(--kmr-text)}
.kmr-sync *{box-sizing:border-box}
.kmr-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.kmr-hero{padding:146px 0 84px;background:radial-gradient(circle at 82% 12%,rgba(47,124,255,.23),transparent 34%),linear-gradient(180deg,#050608,#080b11)}
.kmr-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:58px;align-items:center}
.kmr-kicker{margin:0 0 14px;color:var(--kmr-blue-soft);font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.kmr-sync h1{max-width:780px;margin:0 0 22px;font-size:clamp(3rem,6vw,5.7rem);line-height:.94;letter-spacing:-.052em}
.kmr-sync h2{margin:0 0 14px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.05;letter-spacing:-.035em}
.kmr-sync h3{margin:0 0 9px;font-size:1.35rem;color:#fff}
.kmr-lede{max-width:700px;margin:0;color:var(--kmr-muted);font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.68}
.kmr-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.kmr-btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:13px 20px;border:1px solid var(--kmr-blue);border-radius:8px;background:var(--kmr-blue);color:#fff!important;font-size:.78rem;font-weight:900;letter-spacing:.06em;text-decoration:none!important;text-transform:uppercase;transition:transform .18s ease,background .18s ease}
.kmr-btn:hover,.kmr-btn:focus-visible{background:#1765e8;transform:translateY(-1px)}
.kmr-btn.alt{background:transparent;border-color:rgba(255,255,255,.3)}
.kmr-proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:25px;color:#dfe6ef;font-size:.86rem}
.kmr-proof span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--kmr-blue)}
.kmr-feature,.kmr-card{overflow:hidden;border:1px solid var(--kmr-line);border-radius:18px;background:linear-gradient(145deg,#111925,var(--kmr-panel));box-shadow:0 24px 62px rgba(0,0,0,.34)}
.kmr-feature{border-color:rgba(47,124,255,.4)}
.kmr-art{position:relative;display:flex;aspect-ratio:16/10;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 78% 18%,#2f7cff66,transparent 35%),linear-gradient(140deg,#141b2a,#07090d)}
.kmr-art img{width:100%;height:100%;object-fit:cover}
.kmr-art-fallback{padding:30px;text-align:center}
.kmr-art-fallback strong{display:block;font-size:clamp(1.6rem,4vw,3rem);letter-spacing:-.04em}
.kmr-art-fallback span{color:var(--kmr-blue-soft);font-size:.74rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.kmr-card-body{padding:23px}
.kmr-meta{margin:0 0 14px;color:var(--kmr-muted);font-size:.87rem}
.kmr-desc{color:var(--kmr-muted);line-height:1.68}
.kmr-player{display:block;width:100%;height:54px;margin:16px 0 0}
.kmr-soundcloud{display:block;width:100%;height:120px;margin-top:16px;border:0;border-radius:10px;background:#151a22}
.kmr-listen-note{margin:14px 0 0;color:#8f9bac;font-size:.79rem;line-height:1.55}
.kmr-section{padding:82px 0}
.kmr-section.alt{background:#080b10}
.kmr-section-head{max-width:780px;margin:0 auto 40px;text-align:center}
.kmr-section-head p:last-child{color:var(--kmr-muted);line-height:1.7}
.kmr-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.kmr-card .kmr-actions{margin-top:20px}
.kmr-tags{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}
.kmr-tag{padding:7px 10px;border:1px solid rgba(47,124,255,.38);border-radius:999px;background:rgba(47,124,255,.08);color:#dfeaff;font-size:.74rem;font-weight:800}
.kmr-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kmr-lane{padding:28px;border:1px solid var(--kmr-line);border-radius:15px;background:var(--kmr-panel)}
.kmr-lane p{color:var(--kmr-muted);line-height:1.65}
.kmr-cta{padding:42px;border:1px solid rgba(47,124,255,.42);border-radius:20px;background:radial-gradient(circle at 90% 10%,rgba(47,124,255,.22),transparent 34%),#0d131d;text-align:center}
.kmr-single-hero{padding:142px 0 72px;background:radial-gradient(circle at 80% 20%,rgba(47,124,255,.2),transparent 36%),#050608}
.kmr-single-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);gap:55px;align-items:center}
.kmr-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.kmr-panel{padding:30px;border:1px solid var(--kmr-line);border-radius:16px;background:var(--kmr-panel)}
.kmr-panel p{color:var(--kmr-muted);line-height:1.72}
.kmr-facts{display:grid;grid-template-columns:1fr 1fr;margin:0}
.kmr-facts div{padding:13px 0;border-bottom:1px solid var(--kmr-line)}
.kmr-facts div:nth-child(odd){padding-right:14px}
.kmr-facts dt{color:#8190a3;font-size:.69rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.kmr-facts dd{margin:4px 0 0;color:#fff;font-weight:800}
.kmr-related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kmr-related a{display:block;padding:23px;border:1px solid var(--kmr-line);border-radius:14px;background:var(--kmr-panel);color:#fff!important;text-decoration:none!important}
.kmr-related span{display:block;margin-top:7px;color:var(--kmr-muted);font-size:.84rem}
@media(max-width:900px){.kmr-hero-grid,.kmr-single-grid,.kmr-detail-grid{grid-template-columns:1fr}.kmr-feature{max-width:650px}.kmr-lanes{grid-template-columns:1fr}.kmr-related{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.kmr-shell{width:calc(100% - 28px)}.kmr-hero,.kmr-single-hero{padding:105px 0 60px}.kmr-section{padding:60px 0}.kmr-track-grid,.kmr-related{grid-template-columns:1fr}.kmr-actions{display:grid}.kmr-btn{width:100%}.kmr-card-body,.kmr-panel{padding:22px}.kmr-facts{grid-template-columns:1fr}.kmr-cta{padding:29px 21px}}
.kmr-external-listen{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;margin-top:16px;padding:16px 17px;border:1px solid rgba(47,124,255,.34);border-radius:11px;background:rgba(47,124,255,.08)}
.kmr-external-listen span{grid-column:1;color:#8da2bd;font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.kmr-external-listen strong{grid-column:1;color:#fff;font-size:.95rem}
.kmr-external-listen a{grid-column:2;grid-row:1/3;color:#8ab3ff!important;font-size:.79rem;font-weight:900;text-decoration:none!important}
@media(max-width:480px){.kmr-external-listen{grid-template-columns:1fr}.kmr-external-listen a{grid-column:1;grid-row:auto;margin-top:8px}}
