/* Golden Universe 7.0 — shared style tokens and consistent spatial rhythm. */
:root{--js7-bg:#090b0f;--js7-surface:#15191e;--js7-line:#34373d;--js7-gold:#d9b375;--js7-gold-bright:#f5dba8;--js7-muted:#aeb0b5}
#js-universe{background:radial-gradient(circle at 90% 4%,#3a2a171f,transparent 30%),#0a0c10;color:#f8f5ed}
#js-universe main{max-width:1480px}
#js-universe .ru-nav{display:grid;grid-template-columns:205px minmax(320px,1fr) minmax(190px,320px) auto;grid-template-areas:'brand primary search account' 'brand extras extras actions';align-items:center;gap:9px 20px;min-height:98px;padding-top:10px;padding-bottom:10px;background:#101215f7;box-shadow:0 6px 26px #0004}
#js-universe .ru-nav>.ru-brand{grid-area:brand}
#js-universe .ru-nav>.ru-signature-nav{grid-area:primary;justify-content:flex-start;gap:5px}
#js-universe .ru-nav>.sig-command{grid-area:search;width:100%}
#js-universe .ru-nav>.ru-nav-tools{grid-area:actions;justify-content:flex-end}
#js-universe .ru-nav>.ru-auth-slot{grid-area:account;justify-self:end}
#js-universe .ru-nav>.js7-extra-links{grid-area:extras;display:flex;gap:8px;align-items:center;min-width:0;flex-wrap:wrap}
#js-universe .ru-nav>.js7-extra-links a{font-size:11px;color:#d4c7b1;text-decoration:none;padding:7px 12px;border-radius:9px;border:1px solid #3c372d;background:#191b1e}
#js-universe .ru-nav>.js7-extra-links a:hover{color:#ffe2b1;border-color:#987744}
#js-universe .ru-signature-nav a{padding:9px 10px}
#js-universe .ru-hero{border-color:#685032;background:radial-gradient(circle at 84% 48%,#a9803729,transparent 31%),linear-gradient(113deg,#211c16,#121619 68%)}
#js-universe .ru-hero h1{max-width:890px}
#js-universe .sig-feature{min-height:215px;border-radius:18px;background-color:#15191e}
#js-universe .sig-station-card,#js-universe .ru-card{border-radius:15px;background:#171a20}
#js-universe .ru-metrics>div{background:#14181d;border:1px solid #34393b}
#js-universe .ru-panel{background:#161a1e;border:1px solid #34373d}
#js-universe .js7-home-event{margin:30px 0;padding:24px 28px;background:linear-gradient(120deg,#211f1b,#15181c);border:1px solid #594831;border-radius:20px}
#js-universe .js7-home-event h2{font-size:26px;letter-spacing:-.04em;margin:6px 0 15px}
#js-universe .js7-home-event-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#js-universe .js7-home-event-list>a{display:block;border:1px solid #3d403f;border-radius:13px;background:#15181c;color:#f3e5d1;text-decoration:none;padding:15px;min-width:0}
#js-universe .js7-home-event-list>a:hover{border-color:#c59e63}
#js-universe .js7-home-event-list strong{display:block;font-size:14px;margin-bottom:8px}
#js-universe .js7-home-event-list small{font-size:11px;color:#bdbaaf}
#js-universe .js7-home-event .js7-link{display:inline-flex;margin-top:14px;color:#ebc78c;font-size:12px}
.radio-page .radio-layout{background:#0a0c0f}
.radio-page .radio-sidebar{background:#101317;border-color:#30343a}
.radio-page .radio-topbar{background:#101317!important;border-color:#30343a}
.radio-page .sig-radio-shortcuts a{border-radius:11px}
.radio-page .js7-catalog-nav{display:flex;flex-wrap:wrap;gap:6px;padding:16px 0 3px;border-top:1px solid #2e3134;margin-top:15px}
.radio-page .js7-catalog-nav a{font-size:11px;border:1px solid #3f3b32;border-radius:10px;text-decoration:none;color:#f0ca8b;min-height:39px;display:inline-flex;align-items:center;padding:8px 11px;background:#1c1c1d}
.radio-page .radio-sidebar .js7-catalog-nav{display:grid;gap:3px}
.radio-page .radio-sidebar .js7-catalog-nav a{border:0;padding:9px 13px}
.radio-page .radio-main{max-width:1600px}
#js-radio-mini{background:linear-gradient(120deg,#0e1217,#1c1b17,#101317);border-color:#8e6c40}
#js-radio-mini .js-mini-track img{border-color:#8a693d;border-radius:12px}
#js-radio-mini .js-mini-listeners{background:#2d271d;border-color:#795b36}
#js-radio-mini #js-mini-toggle{background:linear-gradient(120deg,#cfa364,#f4d89f)}
@media(max-width:1520px){#js-universe .ru-nav{grid-template-columns:200px minmax(260px,1fr) auto;grid-template-areas:'brand primary account' 'search search actions' 'extras extras extras';gap:9px 15px}#js-universe .ru-nav>.sig-command{max-width:none}}
@media(max-width:1080px){#js-universe .ru-nav{grid-template-columns:1fr auto;grid-template-areas:'brand account' 'primary primary' 'search actions' 'extras extras';gap:7px 12px}#js-universe .ru-nav>.ru-signature-nav{display:flex;flex-wrap:wrap;justify-content:flex-start}}
@media(max-width:850px){#js-universe .ru-nav{grid-template-areas:'brand account' 'search search' 'extras extras' 'actions actions';padding:14px 15px;position:relative}#js-universe .ru-nav>.ru-signature-nav{display:none!important}#js-universe .ru-nav>.ru-nav-tools{justify-content:flex-start}#js-universe .ru-nav>.js7-extra-links{overflow-x:auto;flex-wrap:nowrap;padding:3px 0;scrollbar-width:thin}#js-universe .ru-nav>.js7-extra-links a{white-space:nowrap;flex:0 0 auto}#js-universe .js7-home-event-list{grid-template-columns:1fr}}
@media(max-width:480px){#js-universe .ru-nav>.ru-brand{min-width:0}#js-universe .ru-nav>.ru-brand strong{font-size:11px}#js-universe .ru-nav>.ru-brand small{font-size:8px}#js-universe .js7-home-event{padding:17px}#js-universe .js7-home-event h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){#js-universe *,.radio-page *{transition:none!important}}
#js-universe .js7-poll-panel{border:1px solid #776039;background:#201e1a;border-radius:15px;margin:17px 0 0;padding:19px}
#js-universe .js7-poll-panel h3{font-size:18px;margin:0 0 10px}
#js-universe .js7-poll-panel p{font-size:12px;color:#bfb6a9}
#js-universe .js7-poll-form{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}
#js-universe .js7-poll-form label{flex:1 1 160px;font-size:12px;display:block;min-width:0}
#js-universe .js7-poll-form input{width:100%;min-width:0;min-height:44px;padding:10px;color:white;background:#141619;border:1px solid #746044;border-radius:10px}
#js-universe .js7-poll-form button,#js-universe .js7-poll-options button{min-height:43px;background:#d8b375;color:#211708;border:0;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800}
#js-universe .js7-poll-options{display:grid;gap:8px}
#js-universe .js7-poll-options button{width:100%;text-align:left;background:#332c21;color:#f5d6a3;border:1px solid #927040}
#js-universe .js7-poll-message{font-size:12px;color:#f5cc8c;min-height:20px}