.sgr-player{--blue:#0157b8;--blue2:#0b7ee8;--yellow:#ffd21a;--white:#fff;box-sizing:border-box;font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,var(--blue),var(--blue2));color:var(--white);border-radius:28px;padding:24px;box-shadow:0 22px 60px rgba(0,45,110,.25);max-width:1060px;margin:24px auto;overflow:hidden}.sgr-player *{box-sizing:border-box}.sgr-topline{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sgr-live-dot{width:12px;height:12px;background:#ff3030;border-radius:50%;box-shadow:0 0 0 6px rgba(255,48,48,.18);display:inline-block}.sgr-station{margin-left:auto;color:var(--yellow)}.sgr-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:18px}.sgr-now,.sgr-recent{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:24px;padding:24px;backdrop-filter:blur(10px)}.sgr-logo{width:135px;height:135px;object-fit:contain;background:#fff;border-radius:24px;padding:12px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.sgr-label{margin-top:18px;color:var(--yellow);font-weight:900;letter-spacing:.12em}.sgr-now h2{font-size:34px;line-height:1.05;margin:10px 0 6px}.sgr-now p{font-size:18px;margin:0 0 18px;opacity:.94}.sgr-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sgr-play{width:70px;height:70px;border-radius:50%;border:5px solid var(--yellow);background:#fff;color:var(--blue);font-size:28px;cursor:pointer;box-shadow:0 12px 22px rgba(0,0,0,.18)}.sgr-volume-wrap{display:flex;align-items:center;gap:8px;min-width:230px}.sgr-volume{accent-color:var(--yellow);width:170px}.sgr-popup-small,.sgr-popup-open{background:var(--yellow);color:#07386f;border:0;border-radius:999px;padding:11px 16px;font-weight:900;cursor:pointer}.sgr-eq{display:flex;gap:5px;height:35px;align-items:end;margin-top:20px}.sgr-eq i{width:8px;background:var(--yellow);border-radius:6px;height:12px;animation:sgrEq 1s infinite ease-in-out paused}.sgr-playing .sgr-eq i{animation-play-state:running}.sgr-eq i:nth-child(2){animation-delay:.12s}.sgr-eq i:nth-child(3){animation-delay:.24s}.sgr-eq i:nth-child(4){animation-delay:.36s}.sgr-eq i:nth-child(5){animation-delay:.48s}@keyframes sgrEq{0%,100%{height:9px}50%{height:34px}}.sgr-recent h3{font-size:26px;margin:0 0 14px;color:var(--yellow)}.sgr-recent ol{list-style:none;padding:0;margin:0;display:grid;gap:10px}.sgr-recent li{background:rgba(255,255,255,.16);border-radius:16px;padding:13px 14px;font-weight:750}.sgr-recent small{display:block;opacity:.82;font-weight:500}.sgr-sticky{position:fixed;left:16px;right:16px;bottom:16px;z-index:99999;max-width:none;margin:0;padding:12px 16px;border-radius:22px}.sgr-sticky .sgr-layout{display:flex;align-items:center;margin-top:8px}.sgr-sticky .sgr-now{display:flex;align-items:center;gap:12px;flex:1;padding:10px 12px}.sgr-sticky .sgr-logo,.sgr-sticky .sgr-recent,.sgr-sticky .sgr-label,.sgr-sticky .sgr-eq{display:none}.sgr-sticky h2{font-size:18px;margin:0}.sgr-sticky p{font-size:13px;margin:0}.sgr-sticky .sgr-play{width:48px;height:48px;font-size:18px;border-width:4px}.sgr-sticky .sgr-volume-wrap{min-width:160px}.sgr-sticky .sgr-volume{width:110px}@media(max-width:760px){.sgr-layout{grid-template-columns:1fr}.sgr-now h2{font-size:28px}.sgr-player{padding:18px;border-radius:22px}.sgr-sticky .sgr-volume-wrap{display:none}.sgr-sticky .sgr-popup-small{display:none}}