/* Precision-aligned controls and recognizable brand symbols. */
.social-icon,.contact-mark{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:12px;letter-spacing:0}
.social-icon .brand-icon,.contact-mark .brand-icon{display:block;width:26px;height:26px;fill:none;stroke:none}
.social-icon.youtube{background:transparent}.social-icon.youtube .brand-icon{width:36px;height:27px}
.social-icon.vk,.contact-mark-vk{background:#0077ff;color:white}
.social-icon.telegram,.contact-mark-telegram{background:#26a5e4;color:white;border-radius:50%}
.community-links a{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:14px}
.community-links a>span:last-child{margin:0;align-self:center}
.community-links strong{overflow-wrap:normal}.community-links small{line-height:1.5}
.player .player-controls{display:flex;align-items:center;justify-content:center;gap:22px;min-height:76px}
.player .skip-button{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;min-width:48px;min-height:48px;padding:6px;border:0;border-radius:50%;background:transparent;color:#dedee4;transform:none;transition:background .2s,color .2s}
.player .skip-button svg{display:block;width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:none}
.player .skip-button span{position:absolute;inset:0;display:grid;place-items:center;padding-top:4px;font:600 16px/1 Arial,sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums;transform:none}
.player .skip-button:hover{background:#ffffff0d;color:#fff;transform:none}
.player .play-button{display:grid;place-items:center;flex:0 0 72px;width:72px;height:72px;padding:0;border-radius:50%;background:#ed1539;box-shadow:0 6px 28px #ed153926}
.player .play-button .icon{display:block;width:28px;height:28px;margin:0}
.player .player-bottom{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:14px;padding-top:20px;margin-top:20px}
.player-bottom>.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff20;background:#ffffff05;border-radius:12px}
.player .speed-control{display:flex;justify-content:center;align-items:center;gap:12px;margin:0;font-size:16px;line-height:1.2;color:#bebec7}
.player .speed-control select{appearance:none;-webkit-appearance:none;display:block;box-sizing:border-box;width:88px;min-width:88px;height:44px;min-height:44px;margin:0;padding:0 28px 0 15px;border:1px solid #ffffff28;border-radius:10px;background-color:#242429;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23e5e5eb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;color:#f7f7fa;font-family:inherit;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:0;font-variant-numeric:tabular-nums;cursor:pointer}
.player .speed-control select option{background:#242429;color:white}.player .speed-control select:hover{border-color:#ffffff60}
@media(max-width:480px){.player .player-controls{gap:14px}.player .play-button{width:66px;height:66px;flex-basis:66px}.player .player-bottom{gap:8px}.player .speed-control{gap:8px;font-size:16px}.player .speed-control select{width:80px;min-width:80px;padding-left:12px}.community-links a{gap:12px}}
@media(max-width:350px){.player .speed-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}
