.embed-page{background:var(--color-bg);color:var(--color-text);min-height:100vh}.embed{width:100%;max-width:360px;margin:0 auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-md)}.embed__ad{width:100%;display:flex;justify-content:center;align-items:center;min-height:60px}.embed__ad .ad-container-banner,.embed__ad .ad-container-square,.embed__ad .ad-container-rectangle{max-width:100%;overflow:hidden}.embed-player{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.embed-player__top{display:grid;grid-template-columns:88px 1fr;gap:var(--space-md);align-items:center}.embed-player__image{width:88px;height:88px;border-radius:var(--radius-lg);object-fit:cover;border:1px solid var(--color-border);background:var(--color-bg)}.embed-player__play{width:72px;height:72px;border-radius:50%;border:none;background:var(--color-play-button);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),background var(--transition-fast);box-shadow:0 2px 8px #0003}.embed-player__play:hover{transform:scale(1.04);background:var(--color-play-button-hover)}.embed-player__play:disabled{background:var(--color-text-muted);cursor:not-allowed;transform:none}.embed-player__play--connecting{background:#ff9800;animation:embed-pulse 1.5s ease-in-out infinite}@keyframes embed-pulse{0%,to{opacity:1}50%{opacity:.7}}.embed-player__play-icon{width:34px;height:34px;fill:currentColor}.embed-player__meta{display:flex;flex-direction:column;gap:var(--space-xs)}.embed-player__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.2;margin:0}.embed-player__slogan{color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-sm)}.embed-player__genres{font-size:var(--font-size-sm);color:var(--color-text)}.embed-player__genres-label{font-weight:var(--font-weight-semibold)}.embed-similar{background:transparent}.embed-similar__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0}.embed-similar__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);max-width:100%;padding:5px}.embed-similar__item{display:flex;flex-direction:column;gap:var(--space-xs);text-decoration:none;color:inherit;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);min-width:0}.embed-similar__item:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.embed-similar__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg)}.embed-similar__name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 340px){.embed{padding:var(--space-xs)}.embed-player__top{grid-template-columns:76px 1fr}.embed-player__image{width:76px;height:76px}.embed-player__play{width:64px;height:64px}.embed-player__play-icon{width:30px;height:30px}}